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o-jfS 

. 

.£U4 A xlAWitMI/j <_jQ£J| 

. Q-oLc cLo^Jio : JqlJI ljLlII 

. cApMl 

.OJLjqjJ&UH giil^aJI £1^1 

.J^c i&jjJa 

. HTML oJLUIljLlJI 

.HTML £a A-J-idl 

.HTML Tags )£Qp (-iLailc 

.( Editor HTML) HTML Jl )p* 

.(Headings HTML) HTML Jl O^Uc 

.(Paragraphs HTML) HTMLJI £il)&£ 

.(Links HTML) HTMLJI Jajl^) 

... (Images HTML) HTML Jl %a JaLsUI 

.(head HTML) HTML Jl 

.(TEXT Formatting) HTML Jl ^ Q. 

...(HTML font) HTML Jl ^ Ja^Ja^il jaSLaa 

.(Tables HTML) HTML Jl J^haJI 

.(Lists HTML) HTML Jl ^ ^I^JI 

.HTML Jl ^Ic 

. 

.(HTML) 

. CSS OJlllI ljLlII 

(Adobe Dreamweaver CS6) )£Lit) , 0 -jj.iJI golj)j 

.? CSS Jl '*»»*'■ o\ oal <*0)La 

** * ++ 
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^.CSSJI oJcJa*!!^ 

i *.(Span - Div) HTML Jl ^ CSS _J| j 4^1 if 

i •.(Divisions TAG) DVI Jl ,44119 9!^9^ 

^.(SPAN TAG) SPAN Jl ,41119 9! ^ 

^.: ga^oJI <xbj )9 CSSJI cAlo Jac a£a) 1 s 

^.AAl^lAJLfcaLa. 

^.(CSS Classes ,id) CSS Jl ^ 41924119 <^LuU£JI 

*T.Classes Jl ajli^La 

* *.CSSJI Jaiii&JI o-ojLuaa 

* A .(CSS Width and Height) Jt^iail ajllaLa 

^.:(CSS Margins) (JA4I924JI 

0> < .(CSS backgrounds) «^>ljAlMI 

oV .(CSS border-radius) 49AAJIL1I9) Aju^la 

oA .(CSS Text Properties) 

^ ^ .(Direction) dlaliVI ajllaLa 

‘'T.(Padding) aa 1)111 Sjuala 

.(^i-JaiJI^I- ^•%.^.11-^qIH \X<./<k 

"i i .(Text Shadow) JiaJI ajllaLa 

"11. 

IV.(Border-radius) < al^il IuaIa 

v *.(Comments) £±lsuU KjlusLa 

Vt.(Menus) jaSI^I 

.(Marquee) a£)aJI ajllaLa 

A ^.(Background) £>LAIaJI ajl^Ia 

A T.(Background-position - Background-repeat) ajAIaJI QAI9A. 

A1 . XA l 4 >^l 

^. MYSQL &PHP £uIjJIljLUI 
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^ * .PHP AQ.^0 

^.(PHP) (>JI aaJ 

^ .(Jjj (jiilil Al;l^ 

^.(wamp Qpr\/prUit<yi x ^ t )^ / )(j kAil )V ul1 

^.(Wamp Server) | J^c 

^.(PHP) 

W.PHP 

H ^. 

' * *.PHP^^IjLlJI f\(p\ 

^ * *.(Boolean) AjLibloJI^±aJI 

^ * *.(Integers) AAJLAi^ 11 jl^cSlI jOJlS 

' * ^.(Compound Data Types) &i£)dl Li Lull 

^ ^.(Arrays) / ,, *la^a.^il 

^ ^.(Variables) «l»l)jLaIiAll 

^ • Y .(Expressions) dtl^jualUl 

f. 

^ * T.(Assignment Operators) ^jukalll 9I jIIluVI J4I9C 

^ * *.(Logical Operators) fitAhtnllJdalydl 

' * 0 .(Equality Operators) 3 lgLuAlf JaI^c 

' * ".(Control Structures) 

^ ^.(Conditional Statements) Ja^All Cii a jdali 

^ * “t.The if Statement (if) x ^.*. lo ’ ; 

' • v.(The switch Statement) a 

' ,A .(Looping Statements) )\£il\ 9I < 1 >£ 1 a 11 CiLajJsu 

^ • A .(The while Statement) while a 

^ * A .(The do while Statement) do while 1 

) * A .(The for Statement) (for) 1 

' * ^.(Functions) JI9AJI 
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m 

ur 

ur 

m 
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UA 
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)V> 

) V £ 

m 

m 

^V 

^V 

^oA 

u * 

nv 


.(Arrays) tbl^Aw^nll 

.(HTML Forms) JL^IgiLu 

.(Text Fields) ijail IJ9A* 

.(Checkboxes)JI £*l)LLi 

.(Submit Button) JLujlfl)) 

(Drop-down list)alitmnll nr>*U 3 ll 
.(Text area) ijaill ftAhin 


.$_GET 9 $_P 0 ST aJh 

yajg&JIg JI9AJI JjnKi 

.MySQL and phpMyAdmin 

.Phpmyadmin tblilnr 

.tbbLu oacLS ? Laul 

.^LLull Sifli ^ J9A9. fLabi 

.oil (* a^a^) A bill 

.DULull SiflS ^ Jji&l 

.JgA^JI <30 <bbLu 9!Aua Al^ 


.MYSQLg* PHPiaj) 

.INSERT Abjiif^ ibbljLiil JLiJ 

.SELECT 31**44194 cbbUJI g)>^| 

.(UPDATE - DELETE) tbLUdl Al *9 <J-}±su 


.)9^ilgri J-oLalll 

.SESSION M 31**4*19* K-iL^aJI 

.(COOKIES) >jl^9^JI 

COOKIES 9^119 SESSION 




<Sh*<j£ <>ailjQuery 
.£)d>LaJI <-Jlq£JI 
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Yn 

YTY 
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Y£o 

YoY 

Yol 

Y^A 

Y1 * 

Y*n 

Ylo 

Y1 ^ 

Y V * 

Y ^ * 

r*r 

r*o 

n * 


MYSQL & HTML & CSS & PHP 

.(|i\ir>nVill) 0J9III ol^oJf 

.(DULull A£l^) Sjullll £h)All 

.|AJLAi^ill go QULull i£l^i Jnj) 


.: ^ IjKl II J$A rt W*llK 

A^Ublq (jic gS^oll g£j 

.SiLoliiill 


.SaLoliilll ( M> Ic gS^oil g 3 ) 

. il_oq_9 yiLoliJI v-jLUI 

.(JOOMLA) Uq^ 

.(JOOMLA!) £a a^UJI 

./-«> «Q<^ 

.r.o y.n<)A (jlc Jdftall 

.J^a|| ^ijjjalio 

. 1 V.*, <; /‘0 (>a±u)II gi^oil (>o 1 Lq<)a Ja)£ 

. / 4 t jVi 

.Uoqa 

.^LuajI 

.4 

.XAl^l 

.(Templates) ^1^1 

p 

.(Module Positions)(j£UI 

. 

.|OLu^JIL aa^I^II (Luu! 

.gSfroU jLsiu a^LoI^ 

.. (CSSJI Cililo) <-Jllll ^lilo yi> J-iOSlI I 
.SjLcUiAill g^l^oJI^ J^l^lll £iL£L2a| 
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.AkA^« gA^yil Jaj) 

. L-JLffSU 

.J 9^494 oALJ^I 

. ZlaIc. £*\L*asli 

.(JCE) )p-aJI cjutSp 

.gBfrcUJ ^qAaJI XAl^l 

.^Aq^II ^ 444 4 f 4j SbL^| 

.^Aua^JI c^LiLlJI aA Lbl 

.finijVill £*LLuJI cii* 

♦♦♦♦♦#♦ ♦♦♦ 

.gi)ll gl^aJI i )j^Vi 

. 

. SEO ujj^LlllJI ljLlJI 

.SEO 9 c^jJI <1iL£)^4 

.(^£ 

(SEO) |j|i 6 ^jq miilpiiil J.*') 1 ’^* 1 aaIc g^Luaj 

.(SEO Basics) (UtLuuLuf 

. (p^p^JVI gasoil J£jLfl> ^nnVi 

.gasoil <5q’>SoI Jlal/I ( 3 juuajll 

.< A t^ill gaf)j gl dliLua))l^ go JoLaUI 

.(p^p&J^II glgoJI ojiap9 

.SEO (^a gasoil ^Laj jjpjl 3 ajl 4 o tlilgji 

.oi^pijyi^tiiJi. 
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rULlI tn i 


nn.^n 

; Jauj ^luij A j^^j All j (^iuuj Aai^ 4^1 (j^) Aa ^ a * yj;^ ^LaII j S^L^llj b .inll 

^-uaj JLL <jlj UjUua <j!jaa ^ <bl LfrlatAj jl (Aal jjaSIVI ^Blj^ll ^aaa^bj ljU£) ^ualjl^l .^^It lb 0* ^bUS AalJj 

LL^l jljlil I j£ Aj <jl calaSJl ld& ^ j£ ^ \aV\ j La£ AaIaxII j AaaIxII Aala^ ^2 Aaa .^jVuaj O'j ^aj£ll ^ j\ll\ jLublujI j 

,Sjblj lab JjaS jailj Aa2t*Jl j jbllj Sji*-Allj AjI^JL 


£21 jj*1| ^jaiaS Job La j JjA^ j£ ^lau JpUall A Java j Aaj jjaSIVI Jil j-aII ^lb I^Lla j£l Aal^All j-uju jjaSIVI LalaSlI lb ^j| 
j jIvaII SjUI ^Qal Abuuljj AajjjaSII £^21 ja fLill ^Ixa j& A1a <^aaajj 1| (jlajxJl ^jlSj Cbull CjISj^a ^ Ujl^ualj AajjjaSIVI 
^Jl& AjI^aJI Jaja £h*1 Luaal ^ALa£ Jaju uibj AajjjaSJVI ^Ij-aJI £a JaIjljj aia£ ufljau <^£1 IfrAalxj ^a Jjj^ill AaSaj (Joomla!) 
^Ixalt <jj£a! <illjj Sjj-aaj bjb La£ Lfrlllj l^Aulajj IAJaAjj Aa2 Sjbb j£j iata£ll lb 4J i bibjjJull £aa^ ^ 1*11 j # £ 2 |ja 1 | 

Ja2 CjLuaLuiVI ^j*uj ^aa La£ # CjI jkbll jJauj A&jajJIj a jaxJI (jC- IJaju £jbaj J£jj A.vjv^ll Caljlbllj Aajbll <jaLujI ^ic- ^jja 

,1^-Ls ^aJI lJjuIujIj ^2 cjUaTi CjI jJaklj ja£I (jSf j J-uuIuuaII ^ 61aajVI qa 4jV iiUilj Ja^ J-aC- JaIja 


J^a) ja 2| ^jJa AJl ^Alilualj ^£aIaIjaS|j f IjUl j (JJ^j^u^aII l^jj ^£jijUaj SJa^ ^um! j ljIaSJI ^j-a jVi A\^ai 11 dlft 

Jlijl ^a JOOMLA ‘ CSS < PHP ^ HTML 6^ cj U a- ^ 1 O' ^p^ajj fIjVl fl^lj Uxa 

.A^bJ! CaSj I^j AaLlLuuVI u^-ajj SjIa^A S jJa^ l^AAlaj ^a ^a]|j I^jIaLa ja-a^J JsjIj 


J)jj jaC' l^jaUaluutj Ujlg-Olj AajjjaSJVI jSt j-a]| ^ia^j Jb-A A£!jaaJIj ^jbai! ^jjUa]| Jb-A ^a 2 ljIa£J| lift ^j-a ^aa La£ 

jl (j^b f I jaa ijja£J) ^2 ja J-a^ ^ Lai jj j- 4 JSJ AiLualuuj b^ jl Ija^aII J|jj j 2 jIuj # Lai ja ^j-aJ ljIaSJI Aa^IjJI j Ia^ j]>jj£a]| 
J-aju ^,jSa (jA j£ ^a JaUaJIa Ia^,j] jffill Jljj ^,jSa La£ ( Iaxa JaIxaa JSJ Aa2l£J) bbLuabl j AjIavIIj qa ^jIa b j2 jIuj j ^jba 

^ ^a Jj Aajjja^JVI jS|>a]| Jaxj fjL (^A qaAj .(Joomla!) l$S^ ®j' j ' C 5 ^ baj^b ^a! 3 ^LbAj AajjjAill jSl>A 

jbb.L jl Aj ^JajaaaII ^aa ^Sja j£j %1 6 V cr^'j AJjaxJIj AajjjaSJVI ^!j-aJI ^Jajaaa Jbaa Ljla JaUaJIj Lai jj Jbaa 

• blal2 jl aaaa^j CjUaa JaVu O' Oj* 5 Ia^j^jaSaJ! Jl jj] f ^LaC- 

cc^Jj2jj]| j lb 


Jajjj ^C-bbVI J-ualjail ul\S^ ja^ j| jjbJVI U&2ija SjIjj LalaSll 4 j 4^ jl-laa! ( j \ AjuLLaI j CaUb^b ^ I f bl jl Ja^ljail 

www.techpio.net : 
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AiA /«!*«< II 


gBl^oil !*!*'cu^ii 2)9^ uO£ 

4^4 jj (jjij \$\a& AAjjLj 4aj jjj£iVI fLuuj AAjjL cjUSJI ^aIamm <.<UjjjjSJVI jSIjaII £4 J^buli ^ Ij4^ i^n.W Cu£ fI j-uj 

.bioC-j bjJaj JLuoj jl^-uij Jj^ S-liLa Aj£& (JJJ Luajj Luajj cjUSJI ^ih ? Lid AajjjjihH O^J .SjS*-a 

<? <_iLi£JI (3 a Ajjkiuium (5jJI U 

<ja tillLaj lga2 ^ujjj]| j jSl jaJI JLxa Sjoa. jtaljJlj A^JaJVI S^C-Luiaj l^C-1jjb AuSiju^bj AojjjuSJ) ja fLuu) djlLab 

4^4jj (jjij 4 ajjjj£JVI djtaull ^Jtc- AujlLa) jC* blbaS cCjLu^4^ublb Jj jaSH j -&ijjj JL^aJI (Ja&j Sfli£jj 4iJa j JxJu 

. jA^aS dkj (jkj 4j£xjj 

*? <_iLi£JI (3a A.»iA*t.t«ui (3a 

J£j C^JjliWl (jjj-uuijj 4,lJJJj£]VI j£lj-bl ^ Jj4*lg aII J £)AAJj^]|j j£lj-bl fLuu) ^Ixj ^ jJl LjU£jj f£*±l 

4a £4 jC- (j-aj CajjajVI jj£- bjjjl£Jj Aaulujjaj 4jjlau jaAuUJ ^LuAlj 4 ajjja£J) djoaJ ^U^jj 4j£jj-ujj CiIjjlL 4jii <ja 
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J*i I^A A-a£j j-aSH Sjljj £)•* £j>ui-a jAj c ^4^4 J^Ll <5^1 dujljji 4 ajH lIijjDVI 4,4 u5i Cj j^-Ia 

# SjSijlajl uiluiI jai] AjjIui^JI Ljjjjll] Jla) J^UlLuuV CjLxjSH ljLuujjj^j LjUaWli Jfljjj ^Vl ljILlui JJP S-iC-LuiA 

£ja f \\%y Jil\ 42^1a*J| 44 u+ill d.*A 4-faA) J|Jjj ^jj Jju Lajjj ^JlxJj fLaJI JLaC-VIj J^ljSll ljLluiLuiI qa CnjH^\ ^-Luai j^alaJl LnSj ^ 

J-uaijjj 4 jI Luajj AluiVj ^llxil uj jjluJ ^^c-LajxVI J^ljlilj 4-ujLfuJlj jL^jihU 4 jIjj LjjjUVl ,S.Ax1j 4jj 3 ^llxli 

CjLuluij^Ij (jAlxUllj jLaull qa <jjjjj 11| 4alp .Iajjuj ^JlxJl J ^QjQ^ti ^JUJj lA jj£-j 4jjIaj 1| Cj^Ubuil Jaax CAjaA 4j^La. <jjjU1| 

.t^j^L^-a t a 4j 

LJJjlj^U lfl^ Hi UAJJJU 

jj 4al^» 4£jJj jj£- jA La lg-la 4iHx * ( jSUall CjlSUaLj L^Pli aULaj CjULnll JSUjj ^uujj ^JlxJl ljju a I q±i Jsjjj 4j^JIp 4Aa>ui ^A 

.4oaIIp 


Cn £$\ja <_yALa 

1$ \aC> 4axU <j-a IfrJaiu ^ uftHiu j m Cn jjjVI 4iouu CjULnll .iklj ^ajsu CjUJ <j-a 4x1 A^ajia l-iLxL^ ^ SjLc- 

^1\ja1) A^ajj ^ 4-4,lVi,ut,all 4 a- 4jail CjUl 1 4Jlaj <j-aj # l^laP 4Ljlaj Igl^ajjj 

PHP with MYSQL DATABASES - ASP.NET with SQL SERVER DATABASES 


&u>9>&ttfl gSf^fiJI £l^f 


jjP l^jj La£ ljjIj JLuoj CjULnil ,j^aj3U ^j^jj Cjla-lualb Jj£j| jjJLL Ua-ajj Vj J^uj V AujIj CjL^jLuS <jj*A Aj-JIc- jSjj-a • ciLjjULuu jSjj^a 


•HTML £ jij 4x1 -j Ullc- l^ox4jj ^jjj (jic- Lalixluil ^yAj .CjULnlj JlxJV ljUUj DJC-li (JJ*A V </! 4alc-lij 


^j^jj (jjtaixluLall l^-uajxll LjLxLtalj lA Jjjluu CjUUj (jA CjUUJI q^jXj ^ jj&j 4 -aI^Uj dijjUjj Cjlxiua £3)j*a • 4julc>lij J^l j-a 

LalJxluuj jj£V) ^yAJ .jiljl) jl £4j^ll jjXa f jj-uu £4j^lj j-a J^UIaII ^JxIuiaII ,j-a CjULnlj ^lj CjULnlj JlxJb Luajj ljLxLuaII 


PHP with MY SQL DATABASES - ASP.NET with SQL SERVER ^aj^l cm\ 

.DATABASES 
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dju^p£ljl| Iqj&il Jac adj)la 





Web Browser 

You request a Web page or file in 
your Web browser. 



Domain Name Service 

DNS checks the domain name of the 
Website you entered and finds the 
address of its Web server. 



Hosted Web Server 

The site's Web server sends back the 
data for the requested Web page or file. 


(j-a jjuSJ \ Jajjj Jkll\ ji <iL <^B jB ija]) jap JLkjj ijp; AajjjjSJVI gSl jaJI Jap AajLS a Ua 

. JaISJI AlS.uu (BIaLaI jBjaJI j IgJp caaaj CjIajIjlaII ^Ip (JaJIjIII f Ijj jjBj 

DNS <JaB .AIa CjIaj1jLa]| JjaVi LAJJ ^Ha ^]p VjS k*A \A CLAJjUVI AS Ud ^]p jB JA (J^SjP JLP 

jBjaJI ^ ill jB j^a]| .CajijajVI ALlui ^Ip Jj^ja AjIj ^ Ait^ <^B V CajjajVI Bjaja lM £y* 

. U jjPj LjULnijj p-ij-uj v*W a l-ijU^a!) jBjaJL A-ualaJl CajjajVI CjIajL^j ljUIaJI JLuujL jBjaJI CliLxL-aj 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 







\ t 


HTML 


HTML stands for Hyper Text Markup Language 


ujjil i La j 4JU 
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HTML (£j£ll t_>Lll 


HTMLgaiijlidl 

HTML -M <^Aj ujjjll CjKwi ljL*J jauulj ^A) J-uabi lift ^ i.Lu 

: HTML-SlAi!^j*2 


uji I cliLabua uiuaji A*i ^A 
. jb^lbl ^jiC' Lg-uajC-j ujjjil CjLxL-a *La^joj ^jb 4*1 <^A 
.jo-ajoJl ^Akluoj jxajj A*j ^A 



•^U]l£ Abjblij .Sjjbl oi& ^ ^3j^a Jjjj ujj ^Jjl ^JAual) bj^ui ^jliuj 


jlaaJ ^j Sjlill jjlb b4 oULubi ^ISl Ala> aII jab ^ jb . (lliywcb) clA^J ^uil ^b Aoaui j L-ubbl jjauj <j*alb .ilxa fLuub 

,(<j^a bluia) ^a (Jj-L^) 





A Folder 


[^1 Shortcut 


LAl 1 Microsoft Access CJ*. Lsi 

View ► 

T> Flash ActionScript File 

Sort by ► 

[a^| Contact 

Group by ► 

1^1*1 Microsoft Word Document 

Refresh 

[C] Journal Document 

Customize this folder... 

®] js jc Microsoft PowerPoint 

Paste 

[^j -.;•■• — Microsoft Publisher 

Paste shortcut 

8j[ WinZip File 


_j Text Document 

Undo Rename Ctrl+Z 



jss isMicrosoft Excel 

Share with ► 

WinZip File 

si js ^ 

8j[ WinZip Zipx File 

New ► 

^ Briefcase 

Properties 




:<^UII c_u£jj bluabj jab fjb .^xujI ji (myfirstweb) : ^b <jojl 4 ^uui 
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<html> 

<body> 

<hl>My First Heading</hl> 

<p>My first paragraph.</p> 

</body> 

</html> 

lIIa (j'd iaix (j\ La lc< jl Ailox* U& Jiixil ALjL j i aIaII laixj ^ j ^aSM o.jiaaJi ^I J^-aj AjU£ -Ixj 

•4uiUij e>jy^l\ j^Jaluj .( ^xuiL laix ) (uftlA) laxuaj 


Organize ▼ New folder 

Favorites 
K Desktop 
Downloads 

%jj Recent Places = 
SkyDrive 


Name 

my_first_web.txt 


i== - i 

Date modified Type 

T*1T/*V1Ap*T:1T Text Docil 


P 

a m 


C3 Libraries 
-1 Documents 
J*) Music 
6J Pictures 
3 Videos 


File name: 

my_first_web.txt 

- 

Save as type: | 

Text Documents (*.txt) 

_ 4 


Text Documents (*.txt) | 

-* 1 Hide Folders 

mmM 


^ ! [ — 1 


£jjj AjJjIxjVI AxU L Sjj-uall UA (LjlALaJl jUaJ IgolS' jaxuaj S < AIaII £iaix AjjjIxjVL lj ijoLa dULuuj t aIaII ^uul JLujI 

i aIaII ^uuj ^-luxlujj html AJl-bluiL ^ j£j txt -i <jt£ <j! JiJ c flldl jiHj A-axD jj^all 

Myfirstweb.html 

;A,a,^Vu*n ^jLaLaJI l-lulx ji La£ AlLui ^-Luaij jJu uflLail JLui <jl ^jluu JaiaJj ixj 


Organize ▼ Include in library ▼ Share with ▼ Burn New folder 


it ^ eh # 

^ Favorites 

K Desktop 

Downloads 

On d nu— 


my_first_web.html 

Chrome HTML Document 

93 bytes 

B 

. my_first_web.txt 

1 Text Document 

J 93 bytes 



1$ Vi$j a\\ f j\u mj l^jLuui Jil\ Axiuall (jjjj^a jaxJalL ^ LajjHVI Axi-ua j j^a Jjj CjLuui djbj <jl ^Jaluoj UA 

jLuJi ^ La£ .Ljjjljj AxL-a£ 


My First Heading 

My first paragraph. 
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> 0 


j^i ji j! j^aj j AjLuuI t flUlj JMk QA ujjjJI 4^/a ^Ic« jAtlaJl <j^j]| jjjju ^IKaj 

. ife-^l ^ ^*JI ^ .My first paragraph ji My First Heading 


HTML Tags )*4p t^UUc 

: U u ja AIaC- ^j La £jJu] £jVl ^jU JjjLuJI Jlidl UjIj jl JIxj 

j*l qj*-a c>aj AjUSJ ja) f Ij^i html -Jl j^ljl £A-£U1I aiA j ja^j (HTML tags ) l^jl Lr ^j j^»j 2 Aia^jjj Ja*j HTML-JI a*J 

,gj| .. OP-A Jal jj*li >.1 Sj^a jlflaV 

A^L-a ^ ^5 Sjj^JA <jj£j <jl Ljj jlAJJ.( CjLjJJ^aJI Ljj jiAJJ _ j£j^Jj Ljj jiAJj) HTML 4^jJl A^IaoI Ljj jjAJjlj (JA jjC-JJ (ilUA 

.( <body> </body> Lu**b <htmlx/html> ) JS*. ^-yj 4^i^a jA uiUIl jb gi^ul l jjIj 1$jS? <>*j £J A^k^W ¥jj ljjj 

.jlajaaJI <Lau»jj Qua j^j f^ui ji jl Sjjua jl <j*aj La) jjjla f^ui Jaju ^A^alall ji jAjaaIS jaIjI ^Jaxj ljI jjAjllj diAj • ljLjj^a]! CjIjoajj 

l ujjj]| 4%L/a J£jA ^-ua jj ajj-a 

<htrml> 


<body> 



</html> 


^jjjJsj ^Ilui ji]| j j*WaH jj£j jja jj]| jaI jj Aa^£> Ja^-uj ^j ja¥I AjL^j -Y ja¥I AjI«L - ) tags -Jl jl CjLa^UJI aigJ ^^-uujjj]| JLuJI 

.AaIp ja¥I 

</ tagname> jjl^k tagname> 

.di^Hj LjjHaA^j JaajaJI jl jaVI jl tagname cr"-Jj html -Jl j^ljl jA aIjLJI Sjj^ail ^ 
.(start tag) I^Alh c^JI j**>JI A-a^ Aij&j jl >»VI Ua <tagname> 

.djjP jj ijjua jj Luaj <jt£ f Ij^jj JjAjjil jaI AaIp Jjjh ua jiil jjj^aII jA jjjLuJI JlLbj Jauij ^ Jj^j^j ^IjiJl jjj^aII 

Cf> AjI-^JI (j£ j^»jSJ1 A-a^ c^JIj / A-a^ UiJai Ua ^ JjSn A-uiujj (end tag) J^>JI j^l cr4^ LIa </tagname> 

.AjI^UI 

Ail ujjj A^lua jl lJIa jSf Ljluuj j^jJI liA LLu£j dULuuj jiil t flblj Ajjij ^ Ui^j <html> j^»j^ A-a^' 1 ia^VuaI ^JjLuJI JIIaII ^ 

</html> -j >jJI 1^ 1^ l)IHTML 
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u 


ji Cjbjla-A HTML -M uftL» J£jfc (j^ua < 








my_first_web.php - Notepad 

-1—!.™ b^r 

File Edit Format View Help 

<html> 

<body> 


gSjnJI <S$1>D lift 


</body> 

</html> 

; 



l <jjjla jaI Jjj Ig-La M£ ljIjjajj]! d^A HTML ljIJaajj 4ilaj i^U A^iuall ^ jja-aII CjIjjajj ^1) JIHj 

</p> <J^1 ^ <p> 


l-iu jjajHI ^,iVu+n ujjj 4%^ J^b (J-aj Jap jjjj La^Ip b) (j^aj ^-Isu (b5 ^)j Paragraph J^b j pJI cJj^ 


c/p^c^HU <p>-J 


<p> AajjjlSJVl ljU£ |iA</p> ; jLuaij <j-a Mja 


<img> </img> : 


J^b SJ-aaJ jaa jUij life ^Vu+n Sjj^-a ^^jsuj image (j^\ inig Jajj 


. AjjVI HTML ^ jaaj! ^j ^tiu, 


. 14 $ \ \\ Jjjfi V La&M£ bj±£l\ ji jjn*A\\ AjjalaJVI f lj-uu HTML Jt 4 *^ Jaajj CjIa^C' AjU£ Jjjfi ^ ; 4 -aIA Aia^La 
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(HTML editors) HTML JJ 

Ujl^iua A-a^ajj Uj&Luuj HTML -51 5*5 AjU£Jj ujjjII Ljl^iua fLuaftf ufl j-uj jc-aUjJ) U& jj^a 5L .lualj 

.1 $ r> 4jjj tg-Laxj fj&M 

lAajj jl$* ^ AjjalaJ^I 5*15b ( Notepad ) U ji SjiLxil g-^Ujj HTML Jt 5x5 UaIxj 5jIjj ^ 

: Jjjla (jp I4JI 


-WtXPS Viewer 

7 

1 1^ 

|p Accessories 



0 Bluetooth File Transfer 
§ Calculator 


yousef 

S3 Command Prompt 

as) Connect to a Network Projector 


Documents 

Connect to a Projector 
(^| Getting Started 
f^\ Math Input Panel 

n 

Pictures 

Music 

1 Notepad 

_ 


■••( Paint 


Games 

^ Remote Desktop Connection 
t21 Run 


Computer 

^ Snipping Tool 
t Sound Recorder 


Control Panel 

Sticky Notes 


Devices and Printers 

® Sync Center 

Windows Explorer 

Windows Mobility Center 


Default Programs 

fj WordPad 

J4 Ease of Access 

0 System Tools 

0 Tablet PC 

0 Windows PowerShell 


Help and Support 

i Back 



| |Seorch programs and files p | 


1 Shut down ► 


_ 



Xj<a A ti _ 4 a«vbtl g-ajjo]) _ ^ajjj5) _ jjjj 


Ojj-uall ^ La£ IjSaaII Jj^aj5| U> Jjjj Cjliiail fLuujj A-a^ajj SjSAaII UILaj 
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\ A 


(HTML Headings ) HTML Jl 

.Luajj jfcua! jA La t^ia j JjIL jLwal jA La t^-Laj 1 4*\% j^£j jA La l^la C5^J 4-ujil A^iua ^ <jjjU£ fLuui AoLS iiA ^ 

Ul. (jtjjft heading 4-»l£J >jj h -J' <hl> </hl> >j Lflj l-i*. ^kiuu html ^ j±aj> ***)£■ 

.JaaJl jA j ^ 4 j a jjj*j < 2 £aiS > 

:JliL» 


HTML ‘-il* AjJUJI 4a-»j4l ji j jSil 


gFgT~* 


File Edit Format View Help 

<htm 1 > 

<body> 

<hl>Welcome</hl> 
<h 2 >we 1 come</h 2 > 
<h 3 >we 1 come</h 3 > 


</body> 

</html> 

' 


Ayniti j^Jalui AIjLuJI A^ajJlj JAjU£ Jju 


Welcome 

Welcome 

Welcome 


# AjMj ^aij jA p £j <j) jic- jA AajHII Ja^Mj La£ AiloiLa l^alijj Ulxa>j (jjjUc- Aj^j Ujukj JjjLuJl Jj£j| AajHII 


(HTML Paragraphs) HTML Jl <-tl)£a 

A^UJI (jjjjjiil Ci jja Lal£j 4i^-uu <Ljk HTML Ji ^ Ua ? A^iua J^lJ <j-oj ji lL| jlS J-asu uL£ . HTML -^i A*-l lj! jjafi 

. Cjjjj-ajH]j CjLi^uba Ja£2 jjjju £»a A^ajJlj CjI jj-ajuil J*a& Aj&jjL ^ Sjj£-a lAiaJLui 

SJafl jl o-aj < ! ^kj Paragraph ^j P Ji <P> </P> -Jj^i ji ji f*^i J^k <> ji cjjjSa fLUL ^ jij 

Jjlil AjU£j ^ t Lea La^LJaluij JjjLuJI ^ dUJLki La£ Luajj (jljjP j Aa^Lua J^i J A n* 4 SjAfi J-aau ^jllui ^Uil jLLaJl 
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^ A 


File Edit Format View Help 


<html> 

<body> 

<hl> welcome to HTML course </hl> 

<P> 

welcome to HTML course ,and our laps 

</p> 

</body> 

</html> 


• Aymlj g jluu AAjLuJI CjIjUlSI j JjjLuJI A \j$1\ A^ujjj Aju 


welcome to HTML course 

welcome to HTML course : and our laps 


4 jSJl jj-djj jlj£L tilJ a j Sa^I j Ajj£ (jja] j IfrJaau <jC- Aj^iia ljIjAS Luajj A^tj £)t ^ <j*a Sac- 

.Cjljiiil jl 


(HTML Links) HTML JIAaj^) 

JaLiall Ak j , (U LLial )-£ Alaa* Aau jj ^ A-akua Auk- laaLualb Jj&Hj Auk JaLuaJ) (j£> jj ji AuxlS Aauj V) CujjujV) ^k 4-akua A^ jj V 

. LINKS j' lajijj ^jli A^iua ji jli olk» A_^j2j t$uk 


LJija^lujj AjiJl AjU£j Jajjjll J-4*J ^Aklubj jS ju ^ ll^a.JJ S1A jj Jaj|j Jusu ^jllui ijA]) |A& ^ 


:jjIj AujjaJl Ajtlib AjLj£JI JIua3| |AA ^ 



^Aj A-a^-4 A-Ua. UjA] Jajjj]j Jpk) JjS ££1 Jajj jl) Jjujj ^Aj ^2 ^ AjU£j liaS ja gJj-a Jajjj Jj*ju lia£ Sjj-^I AijSJlj juajuJl 

jjjj-a Ikuaj La£ j 3 j-a Jajjj nil ^Ila^k <juj lu £-uajj jjjuj V AujIj ^Aj Jaj|j]| ^k JdLuall Aju ujUaII (jtla AAau A-LaaJ| dAA href= MM 
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Ajjbuuj i .LUjj AajbL IgJ ^jLLui Aaail jail Jbb j jbl 4a-hua] Jajj J-a£> t-*^4i ji. jbl jija jl JaC* Jtaall ^ J^j^ 

(t iUti JJuaj Jj£ Jiuil Aia^Ull jlall) ; ^lall Jbutll La£ j^JsiIuj taala AiaaJl Jabual j Ayniti ^1 jJajjj 

. J^b qa Aajjxll Ailll JbuC-b jij-uull ^jjL uh£ Aallall Sjlabll JaP £ja »1 jV villi] Jbua Aajjxll AbUl Ja*a V Lallhll • AJa^^La 


: Aallall Sjj-uall J La£ ANSI Cf' utf8 jbbl caljlab U& £ jail l-LujI — ^xuib laia> — uila ^ic- Jab-la I 



Favorites 
■ Desktop 
Jq, Downloads 
Recent Places 
& SkyDrive 

1^ Libraries 
|_f] Documents 
J*> Music 
H Pictures 
H Videos 


Name 

1”1 my_first_web.txt 


- < [ 


lii - # 

Date modified Type 

TOTAV1AfT:tT Text Doc 


File name 

my_f i rst_web. htm 1 



- 

Save as type 

[Text Documents (*.txt) 



3 






■*■ Hide Folders 

Encoding: [UTF-8 

- 

1 Save | 

[ Cancel | 


ANSI 




Unicode big endian 




. fju labaa| AJLujj Cjj^Ja |3|j JaiaJb ^ 

:c5 llall Jbalb j^Ja dia-lui Aalc- Jaxlb Ua£ jill 1 ball JJLuuj ^jll Aaj jxl I Ailll ^1 p uijxall ^Qal lal-lC- <jl ixa 


G Q file:///C:/Users/yousef/Desktop/4iio^!Lj20% v ^obi./s3[>aJI20%i^j20%v^/myweb/my_first_web.html 

J» . J [ . ljft» 


Jaxl AAjjL dlbfc JA <j jbl A^i-ufl jSjall ^aL jbuajall ^ j£j <jl bJji jl t jSj-a Aabubl (jail Ul ^aL jjll ^1 p lab-all bp ia^U 

?<iU3 


Aa^alb JIa AjLball Aa-ualbll Aiblab ^ jll # Ufclaaaj (target) Aa-alb (> _ y A j tiUalll jjajj ji Jj£ jj Jjb l^aSbab ^ jll Aa-ualb <i]UA. ^Jta 


. ^JUij Jlaall J La£ (jgaaualj ^IaMc* I^jlaj Jajjjlj 











































Y \ 


Jaa-ualj JliLaJl uj^ .Ac* jli gjfl ^Jau (b5 ^)j blank A affi) p^u^inll (J 1 a$£- qaj La Ua-Jaj target=' f ’’ Aj^uaLk UiJai Ja^V 

jl jj ^ual o' AjjI ? ^*2ija Ala>* J^b jl A-uaij < ^a2ja J^b A^Lual Jajj Jasu ^j2l l2u£ . V (jjL\ A^aAua till CaaaJ Ja jlajjj jaj|j]| ( ^ic- 

. Jaju ^2 Ja2£ clb Ja£ jJaluij ^ju ? (ilij 1 u^ 4 j J^a Uj A_ 4 -ujI Jajjj 


A^iuall tjiWj l^jLua. djjjjj tiljjjjP <iL JU^jVI OjJla q^j jj Sj22 £ua . contact f-^Vb 1 ^-awj ujj ^uul 


Jaju ^j2j #L £J^Sn A^iuall ^Lil Jajjj t flu/i il A^iua ^\ J jju lgul& JjjJalib ^j2j (b5 j]| AjvjLaSI tjiWI ^J^' A-aAua Ja£ 


:^U]l£ 


my_first_web.html - Notepad 

l«|s| ma*' 

File Edit Format View Help 



<html> 

<body> 


<a href="contactus .html "> La w>| </a> 


</body> 

</html> 




.l^jLuui ^1\ ,j j*H\ A^iual] dlij ^2 lu ^ju ? ^ j^\ AjuLall LiL ^£- JajjjJl Ja*-ualj A^iuali ^2 djj^l ^2 La£ jaj|j]| Ja& Jju 


(HTML Images) HTML Jl j^IsaJaLbaJI 


Ailuaj Aaia£ ^laului UA 4 AjuIjJI j Jjj jju uj JLa^ j2|jaJI jj£| £)) Jj Aj'^J ALa^ <jj£j V jj-ufl AajjjuSWi j2l jaJI 

. AaA^] Sjj-ua 


l^atuab pulpit Sjj-ua LLii ^U]| JIja]| 





Jaju ^2 jjb ^2. I^a2 JjJaj 

Jj£j| AjU£j ^2 pulpits Axauuj ^2j Aolc- 


• JjSJi ia^V 


Jajj V AJj ia^V jj^b 'AAJ <img> 

.12XUL4 JaXJ U£ La£ JjSJl ^j2j JA4JJ 


JIaa]| JALui (Jaa^S* Q±i La Djj^all ^uil AjU£j ^ jljj L^aujIj IjjaoI] (jlL<a j2j«uJ| jl jLual a}\ jb^b ^j2j Aj^uaLaJj d JA SrC= M 


pulpit.jpg ^-1 ia^V. 


A^JIxa g^ljJ IjLaP ^>aj ^jlj ‘P^g .gif JJ^I ^ J .jpg Uiual 


. dli 0 j2j*j 
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(j/au/anti La ljLa jl\ j^Jsj La AJLula ^Sf Sjj-ua]j j^Jsu AJL^ Sjj-uail t fl^jj ^j^j Ajj/al^l diA alt=" ” 


? Ixulla ji Sjj-uali <j^u AiLua) Jjjj Ja . JjjLuJI JLLa]| Aajaaj ^ 


• ^ajLu^k AIa ^Ixoluij ^JL^j JLLaII jlaj) Sjj-ua3l ixj ^olj SuL*£j t IjJaHl jj-aja]| CjLa^IC' <ja LLu *«* dU^j Laj ^j&luij 


File Edit Format View Help 


<html> 


<body> 

<img src="pulpit . jpg" alt="Nice 
<br> 

<P> l-iil^ i s3 gaj JLl> \sj *3 4aJI j 5 j 3 *zj &3uk . . 

image" width="400" height="200" > 

</p> 

</body> 

</html> 



: Lla LfcflC' uijsLlH UULuaj Sjj. 1^ <j^jLuaa. 


.(j/au/anti Jaui j dJjjj ^Sj]j j-Jajj Sjj-ual] ^aj*Jl <j^LLa Aj^Ia diA Width=" " 

<> ^ 1 a^C' Jaui j dJjjj ^uiajj o jj-uall JjJaJl <jjjLLa Aa^aLk oAA Hcight =M " 


Call 1 jLa Ja-^V jjfAju <_$) Axj jla-ui JjjII] ^iiLlua jxajj jA j <br> jA J AaU^Iuu j AaC- CLa^aj Lal£ La jA Aal .!&£.! Jxajj UA Luajj 
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(HTML head) HTML Jl 

ji jj-k J2 I^jjj ^1\ A^jLuall Joualij jS ^uuj jj A^Lual) <j|jic- j-Jaj l^aiS ij^JJ f IjV^I ^Al A-a^j^ux]| ^ujj jjji u 

.l^jjbj ihaj (jj}\ A^L^l )j j*&13 uL-a j cituajjj .lA jjG- jj jj-ua 

: Jla 4-aJlUl (jjjjjiil ^ 1^ abnu+t ^LaU (JJ^I fUwl J-U3J (jS-aj html -11 (JjjIj ^ tuajl 

c$L> <$j2^4 o^u tii\ <iU3 J£ ^slIIu. JAVA SCRIPT ji CSS ^ 1*1 j ji (CSS style) jMW *-^l J£*-V! 

: JijSM la^V A^iuaJl 



jSj-aII dljja-a] JUIj ^-h)j Ija </head> ^ dUil^lj <head> lh!j^I -JjS Usuiaj jjjLu^l Jli^l la^ 

. l^wri j) j-aJI A^iuaJI jl ££j-aJI ^1 0^ * lj** £jj*-a 41^1 J U*-^jj </title> <title> jl JjUb ^ j* j^j 

_j-S UA jj Lioa (j&J JIa di^aij ^L^IaII 4^4 . . r -: CjUjLa ^Ai <j4 Jj£]| I JA j <meta> -II J Uiua! Luajj 

ijk cjUaISJI (jja! £p Ss^sW (jjpA Igjj] (, Lsijl\ 4-Luiji ji foViVi cJSj^al jAj £&ja1\ uiua jl meta -H J-ua J Jlidl 

? V ^jljjaJl j^ia Ja ? ^Wa*u1l ujjjjj A-a^c- ^ ia^^j UL» JjjLuJI JIIaJIS A ^4^11 Jsuuij uj^ # ufl^ajJl 
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(TEXT formatting) HTML JJ ^ 

(ill (jajludu Jlidl J jl JjIa]| jj ^auivij Jla CjLxL-a ^aJuoial <Luala> Jjj£| 

fj jj j^aill J^luuj ^j-ajLua^ 


0*11 ^aaaij bold jLaalkj jAj <b> ^ jt (^J 
.JjU <ii italic jU-alil jAj <i> Jj£ ji 


:Jll» 



File Edit Format View Help 

</head> 


<body> 


<b>L*>J>i£ii ^1 3 j &*></b> 


<i >1^3^ *ljJ 89$o</i > 

* 

</body> 


</htm1> 

- 




AiLuaL LLa 2 La£ j£ <jj£ 2 ui Jj£j| Jplc -1 ^jj AJl^ ^ Jj£Ji Ullc«I ^jj (jjjua ^aJ Lm£j <b> -5 1 iLual J^£ij 

. Sjj-ua]j La£ Aailaij AaaHll Ja^Alujj JjjLuJl Jj£Jj AjULi ^ . JjLaJl j JjjLuJ) Jj£jj La£ <j> ^uij j| Jj£ 



4 “ CD file:///C:/Users/yousef/Desktop/ 41 io^lb 20 %yi 


j/jJ 1 : iljj 


Jjaolauj ^ (jaUI ^ajLua^ (jjjLaj # LLtui-a dll&lsj La£ jlauJl Jj£ £*ua jlxu Ala^ 


: jl 


j£ £*ua j tillLaj JjUx]| (j^jl\ Ja^V 

Jj£ j£ Aialaj ia^Vj JjAaJl ^ AaiUUl 
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HTML Text Formatting Tags 


Tag 

Description 

<b> 

Defines bold text 

<em> 

Defines emphasized text 

<i> 

Defines a part of text in an alternate voice or mood 

<small> 

Defines smaller text 

<strona> 

Defines important text 

<sub> 

Defines subscripted text 

<SUD> 

Defines superscripted text 

<ins> 

Defines inserted text 

<del> 

Defines deleted text 

<mark> 

Defines marked/highlighted text 


(HTML font) HTML J 1 <. 

lgu]£> 1 t liualuj Uft A^iuaLUl ^jjAj ^ ^1^ bb^l Jaj^uu ^-4 J)l^mij ^ft (j£J laijjaall J^ull Jjjla CIjlujjj 

<font></font> jl JjUl Uft ,Uu*i4 UlILuui ^^lil lajiaUl ^ jiaa lal £uaj j 

:^UI! Jlid! 



•AjjiJj ^ i^luuj Jj-laJl Jj£il ^ j£ lift Jj^uiiuij j&fuuj Alii jjj£ Jj£ ^jlui JjjLuII Jj£U ixj 


.(jrt il <ra^k 4j Ixk lift ILii <jb jj ^L*ol1a11 SjLuij lift j.<font> •* bi-laf 

6±jjl laUl ^ojjI ^jjjj-uaLaJj q±i La Ujlusjj -kill £jj ^iauj face Aj-^Ia J^ju b)«bj U^W ^^jLuoUj Aiblab ^ jJSu la^Jl Jj£ ULuaj <ji -Ixj 

.*j^j jjj]) jlaUjj ^ IxJa ^j^lj.Times New Roman JaaJt j*j 
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jjlaa lia. Ailual jj AijjXAll ljIjSjxJI jj JajiaaJl <jlaxj ^.vVuai ^ aJ^j^ JajiaaJl j£ LH^) • 

green J** j-a^Vl jjp A-a-ujL j-a^i ts^iJ red j&j ^1 <jjj£jjj La UxJajj £jiil cP*^J color UiJal 

1$ 4W*iu*i).JaAVj f-uuV! <j-a V*^ j-ajJl I^A g-ua #cccaaa cP-* f L^J$\ ££- 'tf.b £lj&b ^LuaLk J|j£) .i^jj 4JI La£ <iU3 lj 

.right *La1£j left *La1£ ljJ aaLlI ia^jj ^j-lauj center UbA jl jLuu]| jl <jj-abl { J^‘ JA laaJj <jl£-a ^^-lauj align tiiuai 

O-a IgJfcL^jl Aujj*Jj Axlil oi ^ixj La£j ^JLc- ^ Ijjj£ d^ljlui 1 . 1 a. 4a^a 4_Lual_k UAj al^jj jAj direction dir 4j-^Li. Uibal 

AjjalaJV) AxUb A^aLaJj Aj^aLaJj dUAj jLuuil ^j <jj-aJl £-a right to left ts^J rtl c^J aJA llLJa Jllbl ^ jLuu) ^j <jJ-abl 

.^jVI jb^uil (>» itr 

;4ajHI 1 Ja^Vj JjjLbl JL1 a]| c_jja^</font> ~i 3a^ll Ullc-ij Uxbaj jaai] AjuUij Jj£j| AJjLj UHc-i 


jijj 
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(HTML Tables) HTML JJ ^ J9U2J 

ui (j -4 Jljta <j£J .L.1* 4 f&j 4 -ujjliWl CjIjAHIj £ 4 )SjaLs HTML bl Cjbjl*^ ^Ai £>* JjlAaJl jjjxj 

<table> -ij^W ^ >J^J .OVI 

1.1* JjSj c-ujjj Ujjpj cj^jbxil c5j^» wLh lt 4 ^ AuLiaj HTML Table -M jt 

.( bM* — u£ jiua — d-iA&i ) :^U]| (ja 


J^ltsll£ Jj±*u fUlt J%i!j 


1 JjVl > <■ 

2 J jj*' ' ^ Q. ■I’i* 

1 _a . -2 il-^, 'il'll 0 . --.i r 

*y ^ j 4 . il-s.ll il"ill 1 a. .-.J 




: ^UJt£ ^Vu+iall 



lj j* \ jiA aj border Jj^l jtgia) ^j Aj^aL* UxJaj ia^V <table> 4ibiab J-asu 11*3 AjWI ^ : Jjiil £jb 

*Ul*Jl ( jixj Jjjj ^ j1*aSI £baJ Ui Jx*j bA <td> J J^b t .L^tt 4ul* 4iUa] <tr> <■ Ailua) ,<jjbj UL*V jiup LqjlJpj 

JjipJi jpl&b ?jhl jj^VI JjVI AjujL (jm ,£L ^Jbij t </tr> -JjiJb JjVI t a^li jxlxJ ^ Sjjj£ bM* J-ac* UILoj 

.Jj^sJb Ifriuaj ^Jbij uL^II £-4 b^l*Jl £-a JjJajj JjSM ui^l <^1 bMaJl .ufljjLualb f lAiluiVl .lu </table> 
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Y A 


.(HTML Lists) HTML Jl ^ 

( ah — -jj^) Cjjjj^aA, CjUS a Jjj-ula]) j^Uxll ^A^lj fL luiI oJxJ ^.iVu+nj jj 4_aj|5 AjjjaJb UUjla 

.(lists) Ala^uljj html-N ^jill c> 6^.( 

lljb J ajIjM (> Uj«^ 

html-SI ( Unordered List ) 4-u>* : JjSn 

• IL\1 a 1\ La£ Ajbjia]| 

^uij Jau Ulbj2 A-^Sjja jjP jj Ajuj^a jjxij ^ ajIaII J^ajj ^A j <y|> Jj£ llaiiLLuil ia^V 
j Aj ^liJl Jj£Jb job j£j j^abaJl Jj£ UAju l_u£j j 

.<li/>jj*<li> <Jia <li> 

^ 4*Wjn jlajjj ^j) jl]) Jj£ J-aP lj 

^ ^ ufcbll Ajjj^ jjaJj A-aiHil AJbjla o^ html-M ^ ( ordered List ) 4 jjj^ a^jIa]| : 

;luajj 4jjULa]| Sjj^all 




jj*j|j uj ja!\ lagjj jlajlj (jiljSA) ? ^jjjil] j JjVI JjiJl ^ 




A^luujj A-bli ^iuaj AaSlju^b CSS html AjlS Jju Lu2 ^i^bului 

.dJjli jj£Ij jLub 
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HTML Jl J<p. Ki 

(General application for html language > 

uifuajj AjuIjJI Axlij 4Jauil jj j**sia ja Lullim j HTML-^ ^ aUili L» Jja ^Lc- Jjjjlaj Jjualauj ^jliui 

jLuJj La£ ^Jjalaoll (jjSoui.j dJjLJjj 4Jaouu]| 


(J-uu£j Y * * ) Jjlaijj (A 

* * ) o^ajxll 

Uj <j^a UiLa&i 4_tuajj]l 


(n .*t . •) ftjj-a 


p ^ * Y * * ) S J3^ 


* Y * * ^ S J3^ 


(n .*t . •) ftJ>ua 

£* ja 1\ Jji* 
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^ : u»ai,^UA 

Aulk Ajdj JjVI t luall uflijiua V ^ic- Jj^aJj ^joauj t AjLjIxa U] Jaxuajj ^Lal£ jS % j-Jl (JJ^H Jj-^ J-axj ^jliuj ljjIIxJIj JjjLuJI jLutll jlaolb 

u£U£ j JLuJI U£ LlSiS ^JlUl uiuail j L££ S^l j 

Sjj-ua ^<Vu+i AaliJl JjVl c ^ j-uojS^I {'P& jj-ual] JjVI j| *b J^»a Aj3b]| * aja^ti 

A-ij^ (jjuij ajlaa j ^u^Mi <j3 j^uju e uii js-ui q \ $jnj cjL^iLaJi ^iL lhU auI^ji ^ j 

.Jala j 

.. £&ja1\ Jj^ — lULaC'i — 4-luqj jil) ^A j A ujUiil ^jj 1^jlc> jaa^all -lie* Jajjjj£ A-ajliJl j-uaUc- J-asu Jj-laJl <j-a ^jblj t fl^lj ^ 

j^alc- ;^!la Jaj|jj]| ^Cjb^Luall AjaulL ^jAj lAj^l ^\ A-luujjII A^iuall qa Ajlj <j£Jj dJj^j-a jjP bilat cbl^iuflll bula ( ( jcJ) 

.UiU^i jji\ LjIj ^ our_works.html A^-a ^/ib UJUp) A^bliJI 

lj jlktaJj <jJJLail uu^ Sjj^a ^uaj ^iaJl AjlAll ^ dib3l ui^l Ljbjp^all Jt^j) ^CjbLiuallj Jajjjjil Aj*a*ub qa f Jxj 

Jj&ij V JjV) J-iafil Ulj Sjj-uaib (j^aliJl Jj£Jl ^ Lfr,uili.,a Jajbajj ^LLa ^b Sjj^a gju aj jj ^jjjLLJI qjJlj <jj£j 1$ aai^ Sjj^ail <jl La) jA j 

.jj^all %U^b A^iuall 

Sjl a^Jl .Lii^iuail Ajij ^ic- ajaII qjj ijlaiil ^Jaj .Ubjj lla ^j^aolb A-^aliJl lj)J- iaJj ^aj J-aju ^jlj ^j-ujJ| AoIiJ! 

A aa^aII A£jJ^j jj iajjj Luajj ^MjaII AjIIaIIj ^JjiaJb ^ JlP q^j AuB ^uaj l-L-aII 
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;4u]la]| djj-uall La£ (J^joLi Y * *) Jjiall j (A * *) CjLuilL^b -L-L^ lJlU J-ajuj Sjj^I I Ia£ AjI^j ljj-ui jjjA]| jc-aUjj ^oL ^jlj 


n 



jl£fl! DjSi VI ^Aba gS ijaII chIj^ Sjj-uall dAA J-aju LLa$ LoAIp CjI^ujj j) CjQa^La loA j *Jj-JI A-luu|j ^oll djj-uall ^pU! J-aju ^jlj 

. Luajl J-uaSVI jA j ^ j^VI Sjj-ua ^uuVI J-a jU-uJlj dJ^lj Sjj^a *1j-bl ^jjjiji J-aC- ^jjluaL dUA Sjjj£ 

0-1 j] I ^40/aj oW ^jbub V b-aj| . jBjaII ^ t flfryil Sjjj^I I ^ J-uaSl JjAaii t iuall (jjjua Aull^Jl J-aC* £tlaVb 

JJaSl pj^u- ^2 ja1| qajia * a^ti ^iA ljjSjj (jli. jj-o-<a ^j^uajj ^ISI (jj^ 4J 1$ aa^j £)| J*/aQj £Uajj«<aJl jl A-uiiu jSj^l f i4^4 ^J^l 

.CjSjI] jfljij 


;AalU]| d jj-uall bx£ jljUIIj JllaS AJsj-uuj jSijaII A-uujjj J-aju ^,jSLuj lj ijJj jj ji]| ^l-Ujj isu 
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^juSsull 1$ .Mi jj jjj^lj (JJSlA jL\ -ll ^,a J.43U ^j£j HTML 4j-a-uJ J HTML bb J^JaUll j <j^aLk Ala>* fLuub ^,jAj 

:$^ La£ imgs ^b ^b .^>4^1 

D ► ji_j*. i ^ j-j — — ► «—► HTML ► 

Organize ▼ Include in library ▼ Share with ▼ Slide show Burn New folder 

if Favorites 
S3 Desktop 
jf. Downloads 
% Recent Places 
SkyDrive 

3 Libraries 
& Apps 
U Documents 
Jl Music 
IbJ Pictures 


;^JLUH jjill Jaxj index.html l^ja^wa ^jjllj jSjaII flAIL £jVI ^jaj jsj^ll 4<cil-Sll Sj^^ll J^u ^jVI ^1 LL»a 

;JjSll 6- JjSn *>M 



imgs 


'|< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtrall/DTD/xhtmll-transitional.dtd"> 

<html xmlns="http : //www . w3 . org/1999/xhtml "> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
i £_s i j * i i Bjjo *—sj—i | E—MEDIA </title> 

</head> 

<body bgcolor= n #FFFFB7"> 

ctable width="800" align="center" border="l" bordercolor="#FF6600" dir="rtl"> 

<tr> 

<td> 

<img src="imgs/header . jpg" /> 

</td> 

</tr> 


<trxtd> 

<b> <a href=""Xfont color="#FF9900">I 

&nbsp; finbsp; &nbsp;&nbsp; 


</fontX/a> </b> 


<b> <a href=""xfont color="#FF99QQ">t i iL^Lci<font color="#FF9900"X/fontx/a> </b> 

&nbsp; &nbsp; &nbsp;&nbsp; 

<b> <a href=""Xfont color="#FF9900">^aj ^t</fontX/a> </b> 

&nbsp; &nbsp; &nbsp;&nbsp; 


| <b> <a href=""xfont color="#FF9900">j > rf)</font;x/a> </b> 

&nbsp; &nbsp; &nbsp;&nbsp; 
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rr 




| <b> <a href=""Xfont color="#FF9900"> 

&nbsp; &nbsp ; &nbsp; &nbsp ; 


Ji jj_?-</fontx/a> </b> 


<b> <a href=""Xfont color="#FF9900">L_L_i j-oji </fontX/a> </b> 

</trX/td> 

<tr> 

<td> 

<table> 

<tr> 

<td> 

<img src="news/a7 . jpg" width="250" height="130" /> 

</td> 


| <td> 

* i il ~ l5 

<br /> 

jjk c SjJa_9j^>6 j I 8 j 'n i -■ j I * I jJaJLtf l Ji j I > » 1 K. ~i j ^ j 

4_5 1 —i—i ^ ,i 1 4 ] I tii> * S 1 tJ JLc j _)-?■ j I lH® 6 < ji* j l 

a j_jj> j I 4_i_i lj j i > p_S350 u I jj « 1 1 J_?- 1 j_«? 

2 ] S 1 (j I ^ id 1 LJ _C 1 * 1 ?-*i I j in« 1 1 ._j _9 ( 8 ) _> p*_J I j^JLc l 5 j ^ 1 1 I h > 1 ^ I |_SJ _i 1 _ 6 J_a_c j ] . 

I </td> 

</tr> 


| <tr> 
<td> 


^ f jaJ) 


<img s r c= "news / al 1 .j pg" 

</td> 


widtr. =rr 250" 


beight= rT 130 rr 


/> 


64 

65 

66 

67 

68 

69 

70 

71 

72 

73 

74 

75 

76 

77 

78 

79 

80 
81 
82 

83 

84 

85 

86 
87 


<td> 


i E 4 l I-I l Hi l 1 ijL^ Le ,j 


<br /> 

g_j lit "i L_a_sj lsj h E {j I 1 ^ j_e £_L_i 

pl994 r l > 1 _ i l <.n U jIjjlJLJI 

(65.514) b ] j i—p- ij_j I . [5] .2004 pLj e 13502 0 _ >j 4 x ..i i 

ijj I _i_S I 4-l-ji j_s_5 I 4 € j>\ j_a I >- ih i* ? 1967 pl_c 4 

I y * i 1 1 I >-i * . h ~ I I J [j * t 1 1 CfJ 

'■31-L^JE i^j^JI ^Jl ^1 ^ 

ill 1 11? - J J-L-Lk? B J—3_j_p Lj# jj I p_3 1 1 E 

a J 3 LmJ 4—i—l—S 4_l__IJ_E lla I 1 l-J- 1Jr a Lj I—L_lja^J I {j I l 5 I a J 3 Luff I LJ pa {j j—3J h 9 Hi 1 I j 4-LJ-J Lj ,J-Jj I j_E lJ I 3 J— 3 L 

Ij-Lc Jj-J 4—3 l_a (j E I i* j . ^J-3 | ~3 m I ' j 

4_L_!_j_s . y-LLJ I 3j_i_3l p t : 1 1. 3 ~I ^-Lc IjJiiL?- p^-Jl 


d_j I j Y E h {j I 1 ci pjs 


1 J LT^ j 


-SI liLJ I XX SI 5ii_j 


B ^ I m S I ,J_j I i 5 j . 


</td> 

</tr> 

<tl> 

<td> 

E 

</td> 


89 


<td> 


£)a f 
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n 


<td> 

CIO— ' 

</td> 

</tr> 

<tr> 

<td> 

5 j 

</td> 

<td> 

</td> 

</tr> 


<trxtd> 

</tdx/tr> 

</table> 


</td> 

</tr> 

<trxtd align= w center" >The copyrights 2 013</tdx/tr> 
</table> 

</body> 

</html> 


jLuiib qjSjum jj£ii ajUs jju 


6™ 

,cdl9oll (Qjlo£Xi'6j9^ 


WEBSITES DESIGN 


J* jj* gj J* j Jr^ w «* J' j‘ 6> j 

JjjIJl J 1 j*j> .[l]*gj*^ A_lI wljia. ,*^350 JJ-- 

^IL£j jJojLsVl JA -ijLa jAZ-J JJji JjA-A wik j£ %J»J* 

•Ppjtf j** c^SJ 



u'iJ 


135020 £4j (65.514) ,*1994 ^*1 -^j SjtO*- j-^- *4 

>» Jjil Jjj /ilftf-. Jjja. 1967 ^ Jj Vllnl. ,fl ^jlaLa ijJ >. ^^ J .[5].2004 <*'-=• 

_ua 'Jkiil illUiaJl iJa.J^oll jAjb ^aJ ^.ijiaJ 1 JuOjJl ^ /lA. A;'j jA-J 1 jA AAjiiJl Aja jili A j !>1l 

Jl ftJLl JLd JA ,a* jjtijLLJ j AA*JU. _>1 j& jAAJ J AjL AJJJ& £jUj?- i Jij*. 

,-> l !, ■'; ^iz. I jioj^ a«_: ^1 b Jjj <j J ^_1 ^Is. Jj jl Ij* j K jS /;. J J ftj.Vt.J Ajii <yrj^ »llUJ». J .ll'jAaJl 
isHLoaI 1 Jj_ij S-jfL aLJJ 0a,jjq j *j'_Jl Jj'Jj ^sLjaAjJ 1 aLJ j Ajili j Aj^oh Alii _LJ' 

. Jj> jV 1 Jt£_i ^ jia*. aLJ ,a$_iij ^-A=- j AjOJjjJi AjiaJi 



4 JJ-° 

S JJ-° 


The copyrights 2013 
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(HTML) && 

bjAj jlxuu j£ 4 jU£ bdp llA (j£i L-u^ij bld^a J^aaJ Au bu2 A^bLudui ^dl jLj ^jjdl g-abjj ^ I did I bp did Ifrlbtd ^jj ; id jddl ^ 

.lAlixlau (b5 j]| Ajbjdbj 


fIj^ai 4 %ddl ^ <LabLddl JljSVI AjPjj ,jp jdbdl jdj <^A j (jjjijil AJ&ia ^ ^i A -\^dl ^IpI LaAb jba jj <DOCTYPE> A^d 
Aidl £jd jla-ui ^Jldl jddl ^ j J^utia jLuu ^ddd] j^Jaj ^£J ^aduij ^xua j£bu \$* a J-aladl ^jj ^ld 1 4 $ nj ji XHTML, HTML 

. head Aiiaia \ i vft bb juu ^5. w3.org ^j^> ^ j l$-S ^Pldlj <La.idddl 

Jd J l_u£jj .<djaJl Aidl JjI&jjj ^yad j jV jSjdl <jjajP C 5 ^ lAAojaj <jb ^Aubdl ^p| ^jj ^dl jj-ajdl Ad jl <djaJl Aid ^a q\j!\ jla-dl 

. head ^ jp^l ^ 6 j^^bl jjdl Jd.i jSjdb ^jddl jjljdl ^-° head Adaia 


(jjlll Jj£ .JA^j Auildl jjl ^j£ AidJ llibaljc <body> £§jdl jl £$jdl <jjld a job bad jjddl jddl H _ A 
: (j^ajL^al JjAdl 14A UdaPl <table> aIax j Udj Jja* J^xj Ud jjddl jddl ^ . bgcolor="#FFFFB7" 

A * * jSjdl 6^ width=”800 M 

center < ■ fi^Vid l Uja^j 421a jl jSjdl aldl 4a*o!ll align=" center" 

.idVj ^LSjl c_jjA Jdb ^ Uja^j JjAdl uflljA d^uj jlda Aj^l \ border="l" 

. &xa 2 j 1 ja*j til jdl &aja 2 j 1 Aj^aLk bordercolor="#FF6600" 


J^ju U A$ bA ^ 0-M jddl (j- 4 .rtl jbdudl ^jl\ qaaj 1\ (jA bJA^i U (jjajH jLuidl ^ jb*ijU (jj-adl (j-a Cjbjla-dl f Aj 4_^ld dir="rtl" 
b±i*jl) Ad^Jl <tr> (j& JjVI lJu^I) jA j uLua ^1L Ua£ jSjdl A-uijjjjj ^ald ^jj^u *i 4Jb HjLui abJ^ ^ JjVI uL-dl 

img > ^(jfi bd imgS ^bx^j ,lW,a J^b ajj^dl ^uij bJA^J jdb ^LuaLaJj 4-uijjjdl Sjj^dl Jj£ Uadaj <td> <■ ^ 

.</tr> </td> ^.<src="imgs/header.jpg" 


HfutA aUdaj bx£ jjl\ j| J a£> Jj£ Uidaj hH\ ^aLaJj <b> 4bidajj ‘UlaJ! uLudi job Y 1 jladj JS \ V jlxuJj <ja 

(J1a^> (jaj La ja£2 ^ j jdta AjSf uflj^ j£ ^ Aauujjij 4-ajld) jj jl jajljll jj did I J j£ Aj)Aj ^A j < a href=""> J-o*^ LLoS 

^uij I^b Jjjj La (^luu^ (jjj^-4 £dd j ^ jLc- ^ub Cjl^iua dJP Alal£ Ajvi-udl £>a w ^ ^ * (j^ 1^- jli dU£jj 4^^ j ^A j ^aauddj 

AjI^j J-oC- LugJi (jl Jaj. <a href=" index.html "> : ^ JjU]| Jl dLaVI £-a I^amI isjj j]| haul a dP Adi J lid VI A! jdl Ajvdudl 

Jij£ Uilpj Jaj|j]| blip I aiajj Jadll UHpI jjjj Lo£ (jjdl j-aj bJA^j Jajljll j! jj]| ^ujV jji J-aaJ abidal j lad I J UloP Jajljll 
.uddl (jlaJ tlgdajj Add I AjI^j Jajljjil Abb £_a IdA j Adj ^Hl j Lj| j]| ^jjj CjIpI jfi J^aJ (‘nbsp&) (jb jl J j£ Uidal. (jdlll 


Ju^ J-oaj bA lloS Ajxddl ^jdxdl J-oP Ai^jd Jdd jljjVI A-oAlS A-uiJjjdl (JJ^a ^Hl uddl J-oP Ua^JI ^jl iaj I I A ^Jl V'V jlxdl (jA 
t-jb (jA SjSdl oiA Cjfla. ?|jld ^ jdi ^-udjil Jj-id! J^b JjA^ ^da j a aiA Add I j ^ jdl JjAa. ^ SjdVI ^A j Ada. Ud£ AjAa. 
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u&uaJi 1 W1 °ij t Lua UIaP j 1 UaIxj La£j JjA^ J-aau Ha£ tL g jp^allj jjLjj V Jj j <*ntiJ g2j-dl ^ jla-4 hu^aj nil 

uiuflll fj 4ulxll jBu JjAaJl Jfiu .Jjjj Jljl £jaL» uflijLualij <jjJJj-ia. ILi] (j\ #< ja1I] <LajIo]|j Sjj*uall ^juaalk 1 IlaP 

.</html> ‘ ^ </body> -II c^j htmUl 1* j»j Jj^l 
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CSS stands for Cascading Style Sheet 


j 4jU 
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CSS <£ti£j| <_iUI 




Adobe® Dreamweaver® CS6 
Find the latest tips, podcasts, and more in 
Adobe® Bridge Home. 


(Adobe Dreamweaver CS6) jiLg jCujaII 

jjtuajij html-j ^LuaiaJi jiphp-J! ljl^Lu^ a^jjjaswi ^siljl^Lus j<a& ^.ikiu^ij a a$ aIi ^laIjJi 

^ ^jI^j J£>4 tf i (j* JjJ U jl Adobe CS6 -M AJIjkujI Ik! j! < ! ^aaujJ! a*2$a ^ g^UjJ! Jaa^j 6^J .Ujjpj CSS-^ 

.L-uSjll! jl^aJ! AIaa^jj jk! jjJj-a <_$! -j- 4 j! t-jj^laJ! JI^a 


DW File Edit View Insert Modify Format Commands Site Window Help [□]▼ $▼ ,&▼ 




Open a Recent Item 
T» fonts/font.css 
T* fonts/font.html 
T css/template, css 
T Web_Font/font.css 
T» en-GB/en-GB.mod_...quickcontact.in 
T» en-GB/en-GB.mod_...quickcontact.in 
T css/menu.css 
T css/style, css 

T* mod_news_show..._show_sp2.php 
& Open... 


Create New 
T, HTML 
T« ColdFusion 

T, PHP 

T, css 

To JavaScript 
T. XML 

Fluid Grid Layout... 

^ Dreamweaver Site... 

D D Business Catalyst Site... 
S More- 


Top Features (videos) 

•jf J CS6 New Feature Overview 

Fluid Grid Layouts 
Business Catalyst Authoring 
CSS Transitions Panel 
jQuery Mobile Swatches 
PhoneGap Build Panel 
S More... 


La 

i- ^*3 


J Getting Started » 

Q New Features » 

Q Resources » 

left Dreamweaver Exchange » 


Adobe® Dreamweaver® CS6 

Find the latest tips, podcasts, and more in 

Adobe® Bridge Home. 

I~1 Don't show again 


Designer - fp" 



[^] Adobe Browser Lab 


P' 


ffl-i CSS Styles 
j^If AP Elements 


Q Business Catalyst 


f£l Files 
^ Assets 


: jli! c-muajj dj^-^! J^lk 

J.43U c±S ^jlI! cjUIa]! jk! ^laUjJ! SiaU j^Jkj ^laUijJ! AjI^j Dreamweaver CS6-^ A-aJ^ j! jc-aUjj a^a!j 

. -L.1^ f Luub ^j! .Igolc- 

.djjkj Ajllus iaiaJ! t t jlc» J^*J! <^1 CjUIaI! jk! t u&Ia ^12 & lJlLa fLuu! UILaj (File) o-a 

£>a Ujjkj Sjjka J!j£I j! <jjjla Jj£ ^ di'yitij J (j-ualiij ^oD! du^ ^a p-jj-ui AjIc- J-aau t aIa!) JjJjui! 1 aj (Edit) Q* 

.ljLAaxJ! 

.Ujjkj Uajj JbiHi! .13! 4 -u4Aj jc-aUjJ! .13!jj Jj«13u3! UILaj l^J^lk j (View) 

#L $jk! fUd!j Jjlla. j! CjU jjJoS j! jj^a] f! Jkdu Jj£J! ^a j-uaip ^! JlkJj 1 u^aj Ua <j- 4 (Insert) 
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<? CSS Jf cLt&i gf Asti (yuLo 

clLuuLLallj Jiuoll (jA jjj j ujjjll 4-aiua JLui JjJau tilaLaj LgJ!H HTML A^vi-a jl ALjj JLui JJau Jjuiuj Ail 

.AjSj^j 4iJ J£j LijIaaJlj LjUllili jl jli j A^luuall j 

?HTMLj CSS 6 * U 

AiJj j-ujjj ji£iJ ujjjII 4jLui i j]£> SjJaj. uij Ajijai J^i CSS A*-^ 1 4iji cjij^ll jl ujjjII *Lx<Lua CjLluiLuuIj J£jA JJal HTML -11 Ail 


3 

4 


<head> 

<titlextitle> 


Clink rei= rr styles!ieet rr type=" text/css" href= rr 3tyle . css" /> 
</head> 


# lA jjC- ,j-d CjJ^I CjIj iVij 

CSSJI^JasJI^ 

: CSS -St 4iS J* J-ail <j> <4U* 

.Inline Style Sheet -^jSl jSa*JI Aija 
. Internal Style sheet J^tJI -S^jS' <^jSa 
.External Style Sheet <^jt-*St ^%jSa 


: Inline Style Sheet <^'jSt jku»St ajjjL 

(Jjjjuj J^c ;iilS3 Jfr .JajJa j) 4j (JjMtjj J j»£- Jjjj (ijit f J^St jlxuu <jdJj CSS -St JjS J^fr (iliS aj AjjjjlaSt a 3& 

CSS-St <Ua«itjj o^iS 


</p> u^*-* 0 “ UA<p style="color: #ff0000; font-size: 12px; " > 

, :js i jj£i (jojlu 4_aJl£J| dilAjjJiSt ^ JIIaS t-j.,.. jj£ A (j<aiSt Ljj±a. (j*aiS Jjji.iuj LilaC silfri (jjJAUij La£ 

.CSS-St JtjSt 

: Internal Style sheet t/^t jSI LjjSI 4ijjia 


3 

4 


<head> 

< title >< title > 




<style tvpe =fr text/c33 n > 
C55 Content Goes Here 
</style> 

</head> 


JiuuVI ^ A-ait-all JilJ (j&j (JmmjjIL j-ali £jsla <head> </head> -H Allala JilJ CSS -H J- 4 ^ ^^»aj Aj&jjlall dJA 

l JfUll j-aj # jji V fl&Jluti JjA»j Jj£l| liA fl&JluAj ^,j!j AIouuj Jjjj ^ ill f jaJlj 


JjtP UjLaj V jkuill. CSS -II ^ J* ^Ull J j£ll 04 J^alAll jbull jAj J jill AjIJj 1 jkuJl CSS -II ^ A J^l ^11 ^ jl*uJl 

. jSij-all j£l J^lj Jj£ ^Jjlaj jja-a Jj£ jBj-all f JH ^Uaiui UlSf A La A <j^l ji Al J j£ J£ Aluaila Jl j£| 
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: External Style Sheet t^J^-5' <-*1-41 



lJlLa J-axj ^(jj j j! (illuLuij^ jij-a ji J^*J Ig-aUVunb ^j£lu Au2j^ jj£VIj A^Vu^I) ALjkll ^A 

(illaP ^ uu^ CSS Jlj^i (j- 4 bitib oJC- J^C- (jtLaVb ji jSj^b 4-ualaJl ^uaj i .LU.ll lift ^j CSS ^jib 

.css -Mj style A^il CSS <-*k style.css :Allui £)j^ ^ l$ 4 css ^ .css di$j <-aU) £j%j «%2jj Ajbjiaj 

.CSS c> j* ^ 0* ^1 >> 

:^UIl£ ALjW d^i ^bbl Jl&l 

CSS -JI «5j£ J1 a L^jIc-jIujI (jLajj t£ls£A ajLus SJjaj^ lgi£ Jj£Vl ^jUj CSS -JI «5j£ jjikJ j JJl 1 aIaII flc-Jluj! AjLjL 1 jkuJl 

.<>UI 


.( span - div) HTML JI <>£ CSS JI p\\u \\\&*I* ^Uc 

AaI^JI <libaj£l lit VI JjlAaJl ^hVunI £)jJj £$1 ja ^.iib LlA jaJI fU jJ JjlAaJl HTML -1! LHJJ^ JjSfl 4^1 C5^ liaAHuil 

; JjlAaJl £fi> AJ J-uk4j uibbuil <jla*j UA Jj-uoj (Jjy J| jA La Jja ^Jajj £)l Ju2j 

.AaSlji^bj Aj ^£a1S|j AjjJsu AJij^uuj (JjyJl ^MVuul Aj ijj^a 

.diaaJl ljL£j^aJ JjJ-lua (JjyJl 

.^iuflUJl ^yia-ijj CjUiuoil JjaVi AjC' ^ouj j^ixa ^^iaxj Jjli^Jl 


:(Divisions TAG) DVIJI ,0*119 9! 19^ - 

Jib i_u£jj .^Lwtll yJl t_uj5t -Laiua ^jja * >uJjj j^dU*Jt 4luu£ ASjjiajj uujJI 4 aL^ j^aUxl fI jIaI Saaj ^jC SjUfr jA 

: ^UJ! jLjJb PHP -51 ji HTML -51 *1>- ^! 5Ui-a 


8 


<body> 


11 

12 

13 

14 

15 


<div style="color : #0000FF"> 


</div> 

I 


</body> 


jlxmll (J&i DIV-SI ^ J^ ^j3 AjIJj jA ^ * jlouJl ^ (iloLol (j£^ubl ^ 

4DIV -!l j^aUxll la^nj UJ JjSJl 1 \\\i>\ \ T 

A^jliJl cjUi^all J-Uilj DIV-JI ^ CSS ^dluu 
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t \ 


: (SPAN TAG) SPANJI ^9 $ - 

J j£l\ J-axj j £&jl\ jl^alkVJ VAj diyJl ^iaJLuuj uJULSl ^ ^ 2 j^/aiU A^at.vVuat ^ui j jl jA 

(j^l H (JjjVI (jjUl Aj-uaLk U*-uajj inline J^-IujI 1 spanJI Uta \ * jIxuJI JLuJI l*£ : C5 iUil£ ^n^jj 

.spanj' ^ 0^1 


9 

10 

11 

12 

13 


<body> 

<span 3 1 y 1 e = n c o 1 o r : b 1 ue rr > Jjjl 
</body> 



</span> 



:<L3U3I cJlj Jaa -iLi ^jil UlUti ^ <ua*1wu Dreamweaver cs6 -51 gU-l jj Cy 


new £ file -laiUajj Dreamweaver j^j g-^-La cs' CSS ■‘UuUj o 3 '-*- • 1 4- 4 j &y i 

<_jjj HTML i —<J^*1 »ylaSJl »aa ^ic- SiaUll Jiwil Create ^LJaj ^ HTML jAj jlU. ji jlli-j >jail j^Jalui 

. CSS-^W <UIfr JofcUi ^ jJI £iij*ll <i±uujj 

J*xll ljUjU » Aj 2 ^ualui (_j ill lU all ^jlU JJ*j ^uib lai* ^lel £>« jt S Ctrl k« l '* 1 * 1 . HTMLlI uflla la£*j ^,j&j 

jAj ^jIuJ! jLSJI SjaUl! cy jUaJ ^ new £ file JaUiaj jiy>. css t -»k> Lr&j . index.html 0%5j < «1«H <»-U j-Ulj 
HTMLl' (jjUJI <£jjla]! ^ US Liloll Jai*j ^jil sjj^ia j*j .CSS J' ( -^ 4 3aiaj .Create jj^ mUsI £ CSS 

:^U1I jk«JI head -51 Ua U uisi jl htmljt <-35* css Jt ‘-ii 4 .style 


<head> 

<meta http-equi^^ Content-Type" comtent =FT text/html; char3et=utf-3 rr /> 
<title>Untitled DocunLent</title> 

<link rel= rr 3tylesrieet fr t^- , pe= r, text/c33 fr href = fr 3tyle . C33 fr /> 

</head> 


,AjjU£ gyi iil^Luuj J j£l\ QA JjVI AjU£ (link) JjS jAj V jJouj 

Uw U jj±sj tiUJl >»>j type.-k^ jUUi UjUij ^ ^aj stylesheet ‘Uiaii 3*11 >>jjj Rel 


(jjAia LLaI ■■ .(jLUll JjS 3 jUSj JaSUuij t ilalt ^jLU ^ ^laUj^II clx-Uu 4j ^IjjUS Uc- j uilall (jlLal href t>«i 


.U*ij* jl HTMLJ' 3 a 1>^ Jiuu ^vijni (| ill CSSJt ( -3^ 4 j*j style.css j* uujll 3 aLo index.html Ua 

; JS J ill US 


Favorites 

index.html 

gTTB style.css 

E Desktop 

Chrome HTML Document 
^■F 318 bytes 

Cascading Style Sheet Document 

LU- 1 41 bytes 

j£) Downloads 



^ Recent Places 



& SkyDrive 
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)AA IaIa 3 A^kua Jkb ^aj j| pjy lgJLjLi3 Am 4 <j-aljk ft^Alml ^A AjIjj^Ij cAj!j^ 3I Aj-uaLk CSS -11 ^Akluuj 

£)j£jj L-yjJ) CjL^Lua Jkb DIV jl <j^ jl JjAa. J-aju ^ jAj £| £4 VajS CSSJI J^*3l Jjfruu3 A u^ilkll &AA CjfU* ?Aj</iKlt 
4 ^ 1 ^ 4*1 ^231j AjIjjII Ao^aLk 4 iUjJ !.j^ tAAAP Jokj j <j^jj divj JjA^ J^ ^ JjLLujVI (j/iil</ik j-uaj 4 Sj! jLLlm jjj£ lA AA& 

4J^su ^ jAj JjA^ jl div Aj£ j CSS ^ class AauiI f ^ui Jkb ( £l3) .. Abul — CjtujljLa — £)Ij 3|) Am .4 ^j-a)jk J-ax3 

AjUc> .(class) £ku£tk3lj AjIjj! 3 A-abdl Sj£a 3| <^A oAA .LSs <jdu^k3l lAA £>4 v-La,ib^ak Ik divjt jl o^l jl JjAai3 JjAjj Lluuj 

.A-JU3I <jjjjjA 3 ) 1 ^-aLjj A& 1 & 4 J iA^ AL-luuj AAjjLj 

: CSS o*\jl 

Jl 4 a\a ^jk SjJiLua l^ua)^k AjA^jj l^J (CLASS) cH^ J-^ ^xLV c-JUJl ^Aj ASjjjla j A^ujLuj) l_u^ 3 ) Aa^kua ^A j^aUxJl (jLu JUA 

•e« body - hi h2 h3 :^. CSS 

j!ik <>» bodycP o O' £jku * n 

:<^l JjSM 

Alal£ body-S' ^ajtuak. UJA^ t jLuJ) ^S 
*1 jLuJI <jA .S j£1±a ^J^body Jl o^lj^ ^iaxj Am.4 (j^aiUok jl <jo£l£ Aja3 <jua3 bodyjl J^b jl c$l 0) <^l 
hi c$l Avwati ^s JUa IaI 413 a 3 o^*-a £)jl AJ Ua^j html -11 vW V^.U44 UH 4 I 3 U 45^1 j hi £y* LjLki3 ^)j3 

.Uj113j A^ualkJl dAA Ikl-Luu 

j ( 9 ) A^^ju nj J^uaijj U.ja 4 ^ ^juiaj ALj^uuj AAjjL 43UA h2 J hi AouaLk Ujjl j 3 A j3a-uo3l ^S 

,Ajxa 3 | jIj (j) 

(CSS Classes ,id) CSS Jl ^ ^*9*% t^LiiiKII 

:Ajj^ 3 | jl id-Jl A^Lk 

#header {color : # 930930 ; font-size : 14px; ^ l^ . 4 4 Vu 4 j (selector) j! A-waLk ^A 

(jjsua ^ajLuak> jl Laj JjJ^13 CSS-^I 
.j^aU^ Ag>j4^4 jl JkJjj Laj J 49 U jj£jj V Ai£j (jjj^lk3| ^jAj J^xjj .c_u^ 3| A^Lua Jk.b LaS A^Ij 

r^USI jLi3b ja.ija31 j L_uj3j A^L-a ^a Ail^Aluuj ^jjj header c 5 -^j id fL^uj d^lpj jLi3L css-^l L ^ 

<body> 

<div Id= ri header rr > j^Jl !_ljs </div> 


13 



4 

5 

6 


body {font-family: Tahoma, serif ; font-size: 14 px> 
hi {color: # 000 fff ; } 

hl r h 2 r h 3 r h 4 {font-f am.ily: "Times New Roman" , Times, serif) 


.^aJl J UJ^I CSS -11 cs& Saj-a3I Q^iUakJl AaLluu div-^l J^b (j I l ^&\ Jlldt J^Lk {ja 
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Classes Jl aLuai*, 

♦♦ 

Jjkjj.idJ liili j^Uc- A£-»<A.-i, .,". ]_« Ujlc-j jj£) jt j * a jfr jS*i -li-Li-i! . „-. (^§||§ Jt UjLu^liil Aj^ali 

: CSS-St tiL. ^ Jl&L 


7 

8 
9 

10 


.header{ 

color :#C6GC60; 

font-family :Tahoma, Geneva, sans-serif; 


(Jb (jm jiJI UVi°i ^ujVI *isut div J Ail j^iuj aLIj ^ujVI Usuuajj header A-a^Ij J-aau JiuJI ^5 

<jju ijfl UilC'i jJjlxij jJauJl ^ .Ap jj j| JaaJl ^xujj Aj-uaLk Ulual A jlouJl j ^jllt AouaLk UxJaj A jlouJl 
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CSS Jl 

(j^\ jL 1\ -jl& J^ulHib f ±il\ Jj£j .Ua ljUc> (jsi iL^avll dBA Jjoolajj laj^]| j£|ja ^B Sjj£j l£j Jjajla]|j AaI^JI jLualil Jj^u ^jliuj 

:^bl! jj&JI Jaju Uauua UULuu! index.html AaL^ ^ div Ig^B aLauaj A,vwa Jaju £)VI lui U jj^j 


10 

11 

12 

13 

14 

15 

16 


<body> 

<div Id= rr header rr > j ,■-■ jj>Ji l _La </div> 

< di V> LJLa </div> 

<dIV> ,5_J I u;- j_j _->_-0 LJLjs </div> 


j^bJl JlbJb l^-uajC'j ±£> CjIjuja jl JjjJliua V* (jC- Sjbc- JjjLubl J \j£l\ Aj&ji^Jl 


x_3_^*^' ^ ~ 

4-*jta5l Ua 

xi _jaj' Ufc 


A^ajjjaJ id J-**J <1)VI CSS -II <-&» Jib .J^j i^\ *cr^ V (> JliJI I^A Jjjab] CSS -M JJ^ (jh ^ 

l^J ^JauA AajLbJIj diy-SI ^ »lAlb JjB £ja lAbjLuaj Ia£ A Wy i A-aajjjaII div-^ Jibj ^header 4 -auj! (jLJj 

UxJa j JjVI Jjj.lbta.il \SLa1 (J^xj1\ JfLuuliuij .content Aaui) J)£Jj <JJA^aJI Jjj.iiua] (JM^S Lu3j! jbajj .menu 4-aujI <jlJ j <jo£l£ 

uuaj JjjiJl UBj&j JjB Jja LaAUBjC. JBj JjjB bUA <jjuJ Jjjj Ia Ja£ cLUaj Ia^J <B2a£B Jju ?AjBbl| Jjjjl i</iU clnSS b*-uajj id 

.^jjj Ia ^bVu*il ^I^aj dlxBl ja fIL A^uiLua 

:^UJ! Jlblb Aijli Jflalu-j CSS-J' uUa Jib cblu^l jjj.>n IjJ 

I Qcharset n utf-£ ri ; 

/* CSS Document */ 

#header{ > 

.menu{ > 

.content {} 

4^iua i^a Cjlwt^£il »jA flcjlwtl jjJ (^Vl ^jU. 1 alall Jai^ UlaCj UiLil La (_h.ia IaUjauij CLLui^UJI UxJaj Ja^^U La£ 

:^LLl (JljJb US *1£.jIuiVI .Aj oalaJ! ^Jiuu div jt JS index.html 4 “^' 

| <div id="header w > ^ a „■, jj j_j lj_a </div> 

<div cla33= rr ir.enu rr > 1 aj1_LJI L_Us </div> 

<div cla33= ,r content rr > !_!_* </div> 


jjbll Aaj 1113 jjbJI div-^t j header ja j Aj id-JI a^ajjjaJ) div jl JliJI ^b ja Ia£ 

dUV. V buL ? cj)jjjxj Ja. ^jjJulb ^b .Aj Luajl £Bja2) ^aj jolVl div -Jtj menu jAj AJ 

AaJ 11]| (jdujjill ^B ^uLudl l^j (JaJj AiljB CaIIjIa ljLuu^I£J| AaB U*-uaj ^ill style.CSS-^^ ljLSa ^1 ia^^j Ia£ 

Aox^all j£ JaI£ Jluu ^BijaII Jib jaJuj l^Jibxb 
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t 0 


(CSS Borders) <-ij|gAJI gf iga^JI oJ^i* 


: CjMj l^j Uft .Luajj Jj-IaJJ J-Ia^a JjHuij Luajj uluiIIa <jjJ j-uajj JjjJlLaU J-a£> dlft <j^a 

.Ja^ijla j| j| uLaJ (j^ajP £j£j j£ U^J 5, (J£*^ C 5 ^ J : (border-width) ^ 

Ll jl jiald Ll ji LiU Uj jj^aJI j£Ji £jj*j ^j: (border- style) 4j^1 

.dJ^I (i4 Ulaj) 4111^: (border- color)-*j^ cb^ 

I (JliUlb ‘LuaUaJj 4-uojjjIij ( jl& J^Jalll) Jllij jLuIb Jj£l| 4 jII£ (j£»aj 


4 

5 

6 

7 

8 
8 

10 

11 

12 


#header { 

border-color : #933; 
border -wi dth : rr.e diurai ; 
border-3tyle : dotted;| } 

.menu{ } 

.content {} 


. (<iualil|)|^a. 4 a ^ft j 4Jajiia 4-lualL Ull^j <^ft j JjlaJl 4j-uaLa. 1 la^Vudl g jJxuiJl ^ 


^uajj £C-alI jJ) border 4 -a 1£ lig-3 4^ajJl I jjii£ tih&Luu 4^^2uiiut jibj jj ^ 4Ja^^U) 

UijHIj (jlajail Uj±a. 1 jIxuJ) ^i # ( # border -J SJjii£ JjjLj ^jluuj 4 jU£J| J^uu] IftjLlkV (ILaLaI Sjjj£ CjIjU^ 

I g a^Vu i tim Lfjj^ ls' j' lpx medium Jjj t#*j uJlx!! ^i*jj medium 

,lJU bu£ Sjli£j 

aift solid Ullij iil] j^Jaluu SjjjS CjIjU^ dlllft .Lila < ^_ r kjj dotted 4j£-ui Uj-la. jjLuJI jJa-ubl ^ 

j hi. Jij±a. 4ouaLaJl 

: <^UII JluJU index.html L n\^/i (jk jiij^ll j^Jaj-uu ^ jU ^jU (. aIaI) la£^j Jj£]| ^j-uj Jju 


tuUjjJ liA 

ttjUSl Ua 

J jia-4 Ua 


: ^U]| Jj£Jl jlajjj Jj^aJl (ja\^Jkl Uc-J U£J # JUbl 4 j 1 j*J JfLubluj ij-aU dllJa.^^La ^ 


| #header{ 

border-color : #933; 
border-width: lpx; 
border-style : solid; } 




Solid -ki ^1) iaila jj^a JjJaJt Jiu USjc ^JaSa Jj^Xj < _ r !*jj lpx c>a j*-il U ja^lj <j^aj*JI JjJjuj LLaB 


:^U3! 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 













£)V1 ^jU. border-^' J CSS-^ Si^lj 4ouaLk bxJajj id Ulag> ^JjLuJI JLuJI ibji j La£ 

j^uui jLutib css-i' * j j$i\ j^iLujj j ^j a.a'iUIL) cjLuj^hi id Jt ^ 


| #header { 

border-color : #933; 
border-width : lpx; 
border-style : 3olid; } 

.menu{ 

border-color : #933; 
border-width : Ipx; 
border-style : solid; } 


.content{ 

border-color: #933; 
b o r de r-width : lpx ; 
border-style : solid; } 


•^J13 JLuJU l&j jIuj ,4 (JjH &j-a g.Wault AaWs iai^ib 



£SjJl -tJJjjJ Hi 

Hjtil Hi 

^ Jhui Hi 




jla-ui 4iftbJl jjkuJ! id -St jl (jjj^bJb Jjbbl Jj£]| J-4*J j *bS)jo^VI 4Jbjia]| ^hVu*it 


■ ♦header { 

border: #933 lpx solid; 

_ 1 _ 


£>-Vlj Jf«iSn t#Aj / u^ i K' i ujSj (ji oj J (> solid J^lj lpx o^j^j #993 3iUJl Jjij djlrj .Ja^V 

.(luahft j 
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tv 


: border ^ ^ 



4ms*\W\ 

Las 5iUiJ (jjli) Aj^uaLk 

l_u) ^aJLuo^ J-a£« tillLaj UA j ufll ^ic- ULiL JjjIuJI JjjJVilt 

(top - right - left - bottom f '>- U jjjj Jti\ 

border-right-color: value; 

(UjLiej ujoJI /joiiJI ^sj : value) 

La£ <jj-aj 4iUJl j£-ui Aj-uaLk 

border-right-style: value; 

^jj-aJI (j-A 

border-right-width: value; 

jA US solid £.jj lpx o^J 6, 5iUJI 5j«aU 

border-top: lpx solid #333333; 

( hL — LjLLa) (J&H 1 ^ JjiaJ) ^jj Aj-uaLk 

border-top-style: value; 

(^ftSri ^ JjJaJ! oijft 3j«aU 

border-top-width: value; 
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i A 


(CSS Width and Height) 

lu£j j CSS-5' Cf^ ^ aj ati jilt qa if&J t-yjJt J^t J Jjlalt UjLuIAaj »<^Ml «_■ <U*aIsJ| sift J5li qa 

:^U2I 


4 

5 


I 


#r.eeder-; 

border: #933 Ipx solid; 
width : SQQpx; 
height : 900px; 

> 


Jlaaj jtijjVt ^jsuj height V jiouJl Aluati]| Aj-uAIaJI A, a AW juaj j 1 jla-uJ) (Jk <jlajx]l ( ^ r kj j width AjuoLL 

A,a\ k\\ 


• ^ j Jjjla Cj^aj A aj^II w*UAaj buL 
# JjjLuJI JIoaJI La£ • Jaa A.ajQ 11 - ) 

iiA (j'i (jlajP (j - 4 AjLaJI ^ (JJ-uaa^ ^^Ixj j width: 50 %; I JIa AjuaUb A,Ajqll -Y 

uua jAj ^ g ^^ 4 <A*^J width: auto; : J ^ 4 AaiaUjjVI A-ajUI -f 

Ja JjIaJl j-i£j SjjjSJIj Stg-La ^ jtak! jl ja ^ AjlLa ^1 a J§jaJ) Jjlaj £)l Jalaluu V JjJaJj Jla j2i j-aI1 

# Sja jLufljj AjjjJaJl AJILaII 

:^U]| <ili galua header-^ ^LuAJLa]) jjJa 


CjLaULa jua jj ^jAj Liaji ,J-ui£j Y * * Ajx^j Jjlalt JjJslL £jVt ^jiluj A * * JjJaljj J*a£j A * * j-Lual ^jlajxJl jSijaJl JLui ia^V 
J^ua£j A * * ^jiajaJj Aj ^jjaLk (JjIIa Aj jJaj Liajj J-uikj A * * ^jlajxJl J^a£ji * Jjlalt l£j ( j-salkJl (ja^lSJl qa A-ajHII 

^UJ) jLuJb Jj£J) j^Jaj-uij >C5 £jjLajjI A\ty\ Jjlalt 
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4 

#h.eader { 

S 

border: #933 Ipx solid; 

6 

width: SOOpx; 

7 

height : 200px; 

8 

> 

9 


10 

.menu{ 

11 

border: #933 Ipx solid; 

12 

width: 300px; 

13 

height :40px; } 

14 


IS 

.content {border : #933 Ipx solid; 

16 

width: SGOpx; 

17 

height : auto; } 


JLuJL j j A-ualaJl A^iuall jj ij^l Ajjauj ^ jAj Aiai^j d!^i Jj£Jj J-aC- Ixj 



(CSS Margins) 

JLLuiSn i_u£jJ .jluullj ^jaJ! jt JLuiVt jl ^^cSfl (j£ j^aixll Jau jlJAa j AjA 2VI jl AjjjLaJt Cal^Luball Lift (jial ( _ # jauj 

;4JU1| 

>( >ull (> J ,jia cr^J margin-right 


.jluull (> (jioLjJ! jljia margin-left 


(> jIjL> margin-top 


.Jiuii (> oiaLjJI j!jL» margin-bottom 


(_y2 t (j^jUaaJ! ^la^ Jjjjh"n La^la 5tS j ■ ■■j ^^SjjLs jat ji J 1 j;' 1 ; <jjSj L)l <j£aJ -j°" ‘UmiIIL 


j^LLi £jj<j ■"j header 4 \.’jj Uj jjaalaall 


4 

5 

6 
7 
S 
9 

10 

11 

12 


#header I 

border: #933 Ipx solid; 
width: SQQpx; 
height : 200px; 
margin-right : Spx; 
margin-left : Spx; 
margin-top : Spx; 
margin-bottom: Spx; 

} 
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j\SLaj jLuaij £)a Lb.1*. A jJiuJl Luaji t J-uu£j o j)SLai Uja^j (jj-aJI A^jojjjaII ^LaIa bJ«i^ A jJauJl ^ iALuJ La£ 

# J-uu£j ® jIjLaj Jluuj UJ±^ ^ ^ jla-uJl Uajj t J-u*£j & jIJAaj AjjlaJl <£aJ| £^a j^aI^I \ * jlxuJj J^a5u 0 

• JUij jLuJj Liutij ljIjuJuII jai^ ixj JLui j^iajAA uflu£ j AajaIII S. 1 &ULJ <jVI ^jU 



ia-uuj jBj-aJI <^B jl 4 -ujjjjaJ) JaaJ bJjj j3j ,J*a£j © j)«11aj t-bljaJl £aa^ £jp> UJbuj 4-ujjjjbl £)| JliJI ^5 Ja&V 

jl ^LjL £j\£ flj-ui Jxuij ^ j^Jsj jl ja!I <jl ls jsu j .La£ (jAAblj jLulJI £>a qaa\{ 11 £>a J^J (auto) 4 -ajB Jasu ^ jIj jl A % Wall 

:(A jA (jjjlauJl ia^V)<^Jb]) jLuJb ^jjLu^j Jib J^Jab ^j£j .LuajjP 


4 

5 

6 

7 

8 
9 

10 

11 

12 


# r.eader ■ 

border: #933 Ipx solid; 
width: 8GGpx; 
height : 2Q0px; 
margin-right : auto; 
margin-left : auto; 
margin-top : 5px; 
margin-bottom: 5px; 


Jsj^uujjj ^jAj j Jjj.iiua JaU JjjJliuall ^-iaa JxaJ <_$ jL\ Ajbjla Luajjj j jlxui <^B (jjLal^Jb A^laJl J-la^ jc-a^] ALjL cJUA 

.UxBj-a <^B (JiyJl jj usiW (jjhjjui I 

;^Ull£ html -II A^wa <_yB jjSil main tuajj Aaajmjj aJ j-bbj main Aj.a,ulJj j^Ij uLj J^b djyJI ^a%j ^jbJ AjI^jJI <^b 


■ 


<div cla 33 = "main" > 

<div id= rr header rr > ;i ji ■ i 2 ■* j jj 

<div clas3= rr menu n > 2 ± W in l_ 

<div class= rr content ,r > 

</div> 


LJLjs </div> 
t </div> 


</div> 


Axu j IIaII c j-ajluaiJl ( \-ua jj (jVI ^jllui .Ailb Auioll (JiyJl ^.j.a 4 ^ Lllx^j ^ *ate,i ^ A jlxuJj j main oUalaC-lj ^jyJl 1 ^ t jlxuJj 

:^U]) Ji^JL A^ajl^al style.css <-*1 a ^ main 


4 

5 

6 

7 

8 


.main{ 

margin: 0 auto; 
border :#F30 solid Ipx; 
width: 800px; 

} 


^yA j A^jjlaj qjIaI^JI Ao^l^ l IaJ^u a I ® jlxuJj main ^ij-^l ^ja% ^ j2kA.ua ^i]| ^UJj (Ji V-Jb <j^l^Jl J-aju U«aB 

; 1 * jlxuJj ^Jl V jk; i.ti ^j-A ^Uij Jldj] jb^a^l ^yAj .^^jjLajjI jUjuIIj ^jaajJI qa ^J* aI^II jIJAaj jUaj Jlujjj (jIlaI^JI jIjjLa 
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0 > 


4 

5 

6 
1 
S 
9 

10 

11 


.iuain{ 

border :#F3Q solid lpx; 
width: SQGpx; 
margin-top : 0; 
margin-bottom: 0; 
margin-left : auto; 
margin-right : auto; 

> 


jLu^L jSij^ll U 1 Jaxuujlli j ^UJl diyJb JjjLuJI J jSl I Ixj 
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j$iaj V Ji*. main 0 ^j div-M 4j]aJ ci j^j 4a ^1 div-^ u^i^JI j^Sh OjUI 

;^iU]| jLuJl Iajla <jj£jj # Aj A-ualaJl Jj«iaJl 



jA Laj Aj ^jAj <jl <j£aA |3 La jSS .AajL^Ij J§ja3l <jaa Laj A-ujajjaJIj A a'iUI) £jaa La AiLuia Jaau ^jllui d^&j ^jaaIsaI] 1 nft^^La J^Li <ja 

jLu^l AaaaaII A-aJ^ luoluu 4j£Jj 



•^JUll Jj£jj La£ V i j ) A ^jjjia-uJj J^u^j T' jIaLaj ^jaa-a A-aaHII <j-a j£J ^ic-S <j-a <jj!aIa AaLula J-aju 11 a 2 • JaJ! 



.Ca^a IjLa Ja^V j LuiluJb ^a£ ^ua uja .AaAaJl cliJa^l |3| l^LuJIa (margin) qaaI^Ia A^uaLaJl ^a£]| ^I.vVuaI ^Kaj jAJs^^La 


(CSS backgrounds) iAhAl-MI 

uSj q^\j^ UA ILLLaj dja£a ^AkluoAj ujaj]| A *\k*si (jk j-ualc> ^Sf Aaiik Aj-Iau <j£a»aj JaS ^3 <j-a AiJ ja£) AailaJl AauaLk ^MVuaI ^i^aj 
.I^jIaaj Aail^Jj <jILaa { ^£> djjlllj <jajla <jjJ jj Sjj^aS Aa&l£Jj ^MVuaI UaLaa .LaMVuaI jaSSH CSS-^' ^ laLaAI^JI 

. £xsl -£ AuiUil ja^a] background-color 
.Sjj^a S AaAIAJI jA±aa] background-image 
.(gli.. - C 5 ^ - 0^ - -^J 2 ) 4aiiaJI olSa background-position 


.( - <^1) jIjSaII dLaalj .Uj!j£a aI^Ija SjaL-a aJaxa Auill ^axII background-repeat 
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Up AuilaJI djaJ 2 uj \ 1 a \ j! cjLu background-attachment 

i(|Jl (jk 4ailiJj Jj£ £-uaj Jjjjla <jP j AaAlaA <jjJ JAaJ 4 4 'iUllj A-uujjlil Aail^ <j jIjj Uj ^dLaJj JjjJaSi] AaAlk Jaiu ^ jliui 

: CSS-» <-a1a AasLIl LjLuuM£Jjj header bj-^ 


12 

#header { 

13 

border: #933 Ipx solid; 

14 

width: SOOpx; 

15 

height : 200px; 

16 

background-color: #F9G; 

17 

13 

} 

19 

.menu { 

20 

margin-top : 3px; 

21 

border: #933 Ipx 3olid; 

22 

width: 3GGpx; 

23 

height : 4Gpx; 

24 

25 

background-color : #FFC; > 

26 

.content {border : #933 Ipx solid; 

27 

margin-top : 3px; 

28 

width: SOOpx; 

29 

height : auto; 

30 

31 

background-color : #FFC;|> 


.JaiaJl ixj j A-aallll A^Luj .JAaa A^uS Ujlkjj £j|j&b ^alaJl AailaJl Jj£ ^i-liLLuii CjLu£l£Ji t“ * j t i j U jjla-uJl Ja-^V 



# J-uiij A * * J-uiij t * * Jjiall A^uajj^j cab-yULa <jaij Sjj-ua3l CjLuilLa <jj£j daau Sjj-ua Ajouil jj A^ujjll] Aailk jj ^jIj 


;4a]U]| 4-uajjj]| U*a .jLuu (j\j <j\j 4-aj^Ul Sj^^l J-asu g-abjj &a 
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CjUUSI Uja! imgs AjauJj CSS-M jj^]L (j-aLk J-43U ^j£j 


o£ 



imgs 

File folder 


® index.html 

Chrome HTML Document 
606 bytes 


KTm style, css 

Cascading Style Sheet Document 
LLLi 495 bytes 


jAj AuilLj Jasu UJju .AjLuuL Ua£ ^ l^jLuajj jpg AJl^oj 414**11 

^ U£ Dreamweaver-^' ^ O /^Vil l ja 'i* ^ background-image 


12 

13 

14 

15 

16 

17 

18 

19 

20 
21 


#header { 

border: #933 lpx solid; 
width: SQQpx; 
height : 2GQpx; 
background-image : 

} 

.menu{ 

margin-top : 3px; 
border: #933 lpx solid; 


=8® Browse... 
^ inherit 
^ none 
“ ! important 


Ia£ (iLaLai Jj£Jl jcaUjJI ^jJLiuuj IAjU^jj IaUaaj^ 1 \ (-Jfcijj browse qa 


| #header{ 

border: #933 lpx solid; 
width: 800px; 
height : 200px; 

background-image : url(imgs/imagel.jpg) ; 


,d!^l jA U£ (jIIaj Isj'jJ' url-S' imgs ^4^ imagel.jpg 4-^' <^'j UjHI ^ 1 jla^l ^ 

^ Ai^tl uu^ <ja Aaili Jaju ^jAj 


e 


imagel.jpg 


| 

image2.jpg 


lJu£ ^jjj Vji Ajjaalb ^jAj (A-uujjjII) jjj jaII I^Jaxj J^a£j Y * * Jjjall J^aSj Y Y (j^ajxJl image2.jpg S 


JjSJi uuiaj 


| #header { 

border: #933 lpx solid; 
width: SOOpx; 
height : 200px; 

background-image : url (im.gs/im.age2 .jpg) ; 


.Auillij AajH]| j^Jaluj JjjLuJl J j£l\ JMk Tja 
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(jiajaJlj JjJall 4-uijjjlij ljLuiILq jj-uujjj (j$\ c1ia£ ji.(Y) iS^J^ (X) J^ou p-jj-ui AaikJl j|j£j Jj-iaa ,j£aj JjjLuJl JjSJl JMa. qa 

Jj£j UJjjAj .ik Jj-aP j UjIjSj ^2jj J-aI£ JUuj AallaJl j^Jalui 

liua AoilaJl L-builiail J \j$l\ Jaju ^j&iuu 


12 

13 

14 

15 

16 

17 

18 


border: #933 Ipx solid; 
width: 8 0 Op x ; 
height : 200px; 

background-image : nr 1 (imgs/im.age2 . jpg) ; 
background-repeat : repeat-x; 


.Ja^Vj J-uu£j V * * JS T * * {ja JjJjuil Jbuj JjS JjJall JjJjuj -i£Ui! .Lid ^Ja^i jLiu j\ j£a]| dIajI UJia. AaiiaJl j\ j£j AauaLa. ^ V jkuJl 

. imagel.jpg 41MI AailaJI £Ujb ^ j£j 

Luajj djllab Aa^iuali joui jjj AoilaJi Jxa j AaualaJj diA jlaa^j SjL ilk d jJu-ca jk Aaila. <iLi] Jla. ^ (backgFOUIld-pOSition) AauaLk 

^1 )3l bnaa <Axl\ Aailall Cajlaij JluJI ^ body-^ AailiJ) ljjjjj ^^k Ja*j (background-attachment) 

.Luajj (illj t-jja. # lgJ fixed -U&i! fUaC-l .AjjIj |)()(l\bi Aaila. J^uaj jS jaII ^UJl diy-li <iSjak ^k jj JLuil 
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AiujJallj # 4 -uij jjal] \ ah \ LLa 2 Sjj-ua]|j AailaJj J-aaJ ^AjLjla 


A\*y 1 j Sjj^all AIa ULa^ua (jjli J-aau ^ 

.Ailiui 1$ ji A-uijjjlil (jduij \f\\hW Sjj*-ua Sjj-ua ^ ^uuij jbuSj ^4^1 -Y 

.j-aVI (2)! ^ jj^a] ^jjj^ l^J ^uuj j A-uijjjlib o^aliJl (|j\ Jl Sjj-uaJl S jj^a ^uaj -Y 


imgsJl M>4 ^ UUxJajj logO.jpg U1 U4>uij ULLa^ua Sjj-uali Ja^V 


<■ Favorites 
K Desktop 
1 Downloads 
Recent Places 
<& Sky Drive 

_t Libraries 
A Apps 
_H Documents 
,*"• Music 
H Pictures 
Pi ViH^nc 


e 


imagel.jpg 


j 

image2.jpg 


e 


logo.jpg 


Sjj-uaib (jaiLl] AailaJj Jj£ t a.Wj Luaal ^Luojjjj Ua) 4-a 1£ A^uujjlib (j^aLaJi (JjyJj J Sjj-uail j^a jj 


• La£ 4ailau 


12 

13 


<div clas3="main"> 


14 

15 

16 


<div id= "header "> 

<img 3rc= rr iiir.g3/iogo. jpg"; 
</div> 


/> 


.jbuHi ojj^a UiLuaj ^ o jlxuJj ^ 


12 

13 

14 

15 

16 

17 

18 
19 


fheader-; 

border: #933 Ipx solid; 
width: 800px; 
height : 2QGpx; 
background-color : #ff 9 900 ; 
background-position: center; 
background-attachment : fixed; 
> 


jLu^L AajHII (jjSluij tijjlll Aaila. Ujuiaj ^ 1 jla-uJl 


c_nJ 9 >lfiJ^I (Olicyi 9 fCDlQoll o)qz 


UjUIIUa 




Aixuijjj jLuuli <j-<a I-Lij (jjj ^ jl^aJl dl^jj Aauala. ^A j ^Luajjlib (j^aLaJj (Jjy_l] A \\* a Aju^oLL AiLua) 1 u^4j .jtuuli clnAJ Sjj-uall 


JiAtui A-uojjjliL idJj l^jLuajj ^ direction A^LuaLaJj 
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12 

13 

14 

15 

16 

17 

18 
13 
20 


#header{ 

border: #333 Ipx solid; 
width: SOOpx; 
height : 200px; 
background-color : #ff3300; 
background-position: center; 
background-attachment : fixed; 
direction: rtl; 


Aallb (jV Ijlaj 4 a olAj . JLujo]| 4 *A\\ bJ-i^j direction lHuai \ 4 jlxuJj , s J 

JSJilb jSiai^Jjj JjJju]) ixj . ij-dl J^b j^abc- <_$) dlaul jl jj-ua]| jj f Ij-uj I^jLjjIxa] A-iualail 



Ac- j-uj jjjj jj-ua]jj Cjbil^Jb f^j-b V (jl j tjSl j-bl JxaJ AoilaJlj Sjj-uali Ahjia lLaiabal ;4Ja^La 

. gS ijaU ^luaUll 

(CSS border-radius) L 1 I 9 ) ajuaLa, 

border- Aj^luub AjjIIa bljj S jIa bljj jj-a L^-Lj^bjj Ajjj-« jj£I dbljj Jsaj dl\^ bljjj ^£a! 1| til **aj Aj^abLlI oi& jj-a 

ijill i&Lui # J^oiSj 0 j\SLaa AjjIIa £jjV) bljjll Jjl^j A-uijjjUI ^Ic- l-b-Jalj ^ jliui .(juibbb A^bLlI ^jIII j radillS 


12 

13 

14 

15 

16 

17 

18 
13 
20 
21 


#header { 

border: #333 lpx solid; 
width: SOOpx; 
height : 200px; 
background-color : #ff3300; 
background-position : center; 
background-attachment : fixed; 
direction: rtl; 

border-radius : 5px 5px 5px 5px; 


Ajj]*J| ^IaaII AjjI jll Adbll Ajjkll jtuall Ajj) jll ^JjV) ujjjjllb Igiijdll jl bljjll jliL» bJ-i^j Jj£l| Y * jbuj d^l Jjill 

.jtuull ^ic-i Ajliblj Ac-tuJl Ljjlip ataul uua jj^l Ajbjlaj #( jjju1| ^ ^ILuJl AjjI jll Aalloll 


:^UII jLuilb bj.ll fou *i jjjjlajllj HLxll Ale- 
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oA 


c*j9jifiiyi (Oilcyig ^dIqoJI 6)93 


c*jU3l liA 

[^.L 1 0» 


Jx^j <jl JjIa ( (iLui&L ljjaj jjJuj ^ 0 jILLaj 4jjlLa Lljj a jLa. b)jj <j^a LIjjJI Jj^xj aM£>i .iALL 

.J-ui£jj jiua Luajj jiLuall ^l.vVual .<jjjJL 3 (jLnli-uJlj ^jjjJIai jj£- 


(CSS Text Properties) 

ji a4^aI| dljj La LiaA (j*a <jj j]j j J^luuj J^axj ^,jAj < j^ajL-AaJl ^Ai £ja ^j 4jti.J 4 aII ^aij^IIl (j^jt ^ ^Al (jZajtM *> u*i 

. jS>Ll jj.1a 

Jjj-iiua J^L cliV ^ jt (jaSjAiua ^Jaj Aolc- J-aju J^nkUl] (JjIs^a j J>£> qa j-ual]j <j^jLu 33 . JjaJab ^ajilu, ^aj-ual]j ^aj^xj f JJj 

Jjj-iiuailj j-uujVI (jj-liuall ajj^all £-uaj # LLalju La£ Jj.iaJl j ljLuiIAa]| Cba3. qa ^j^jIL a^J jLajj xJ<_£joaa^aJj djy jj 

.l^La ^a ^lj j£ (j^ilJ-iab jLuuli .13,1 jj ^jj i fljLaiui 

( ^uuj aigjyu+i .imgdiv ^L-^uu j-uojVI di\ LL <jd£LJI CSS-Jt <-*L J^b J-asu \i±i 

.p jt body j> h2,h2 ^ jbi^ V £l La La cjLamuJI j .text tSJ 2 ^ < 5 ^ divLI o^\ * <*K\ 


:^bft£ Ljlu.^1 JlL jjlLu. 


36 

37 

38 

39 


.imgdiv {} 
.text {} 


U u +14 UaAjI La£ ^ jI^aj ^Lkil djyJl J^b div ^ J-aau £jVI ^ jAj ,<j^LjL LaAIjj La£j ljUuiMUI J a & f A j f 1 (jjjJaxLl la^^L La£ 


jjiJl o^%^J index.html ^ 


18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 


<div class= ,r imemi*> 4 * 1 1 i T i l 

< div c 1 d s 3= ri c ont ent " > 

<div cld33= rr text rr > 

a j j .. -. 1 1 j x T ^.-. | La 

</div> 

<div c 1 a s s= ,r ircgdiv " > 

[ /i k '• l 6 j ^ i ■-■' • I—i-* 

</div> 

</div> 

</div> 


</div> 


jj ^Jjllua ULaC- t ^ jiauJl A jIxuj ^ j S jj-ualL ^joualaJl (jaSij^iuLl o^j diyJl jj jjAluall Ajjij Y * jlauJl ^ 

dLLlaP jj Sj>ua])div ^jj^lua LLuui 11 jIxuJl Y Y' jla^j dUHc-Ij 4 ^j! ^ 4j ^al^Jj dULaP j j ^alll div 

:^UJt£ jLuJj Qj?^ u *i. Y 1 jJaui ^ aLA.lL j j 4 j (j^aLiJj 
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;<L3U3i Sj^aib (j)*si\ ^\\ dJy T_li £*Jb jj £)^l ^jllui 


.J* *t^n Y * * Sjj^alb ^liJl djyJl 

. J-ui£jj o A ♦ JL ^liJ! (jiajxil 

i( jjjLA ^jj^jAluallj <LualaJ| JijiaJl 


JLuJL CSS (jjSouj Jjfuj U iiil Jsu 


36 

37 

38 

39 

40 

41 

42 

43 

44 

45 

46 


.imgdiv{ 

width: 19Gpx; 

border: Ipx solid #FC0; 

} 


.text { 

width: 530px; 

border: Ipx solid #FC0; 

float : right ;| 

} 


l is&3 ^ajtua^Jj ^jiaju AJ 1 lua^alj S jj-uali div ji jjAluaj (j^ Li ULwuj Y 1 jla-uJ) ^ 


. J-u*£j ^ ^ Y V jla-uJl 


,(#FC0) 6^1 jA Lo£ (jjlilj ^ Jlc- Jal uiijaJi ^jjj J-uiij ^ siLwJl lii^ diyjl uiljlal jl AjS UJi^j Y A jlxuJj 


;AlU]| j^ail *siW\ \ nhg> \j Q ^al!L (j^ataJ) Jjjiiuall ^j-ajLual Aj£ UJi^j text dlL^uilj div t ^ jJiuJl ^ 


. J-u*£j 0 A * dUj^j ^aj*j| 


# d jj-uall Jjj.liua La£ uflljaJl 


(J& Sjj^L o^aliJ) uLiil tjiWj jJauJl ^ uLiil Jx^ Aid ui^Jlj (right) cfc^ UJi^j (float) Aj^H 


:^UIl£ phpll <-£1* ^5 Jjiil 
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<body> 

<div cla33= rr ii(iain rr > 

<div id="header TT > 

<img 3rc= FF Iir.gs/Iogo. jpg"; /> 
</div> 

<div cla.ss="menu"> i^_jl_LJl 

I 

<div cla33= rr content rr > 

<div cla33="text"> 

lAJ-_ J I ij 1 _Lfl 

</div> 

<div cla33="Iir.gdiv"> 

5 j j ,in ' I !__La 

</div> 

</div> 

</div> 

</body> 


</div> 


La£ JLuj 4-LLuJI -isu 


c-njg^L±lill (Dllclllg ^Igoll ojga 
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(jjys Qjuai'^S J^ju ^jl jj Jj^l k*\\ jii uLj j ^liJI uhiii Jib ^Ijjsdb <j^li DIV J-®*J ^jAj .A^uaiLuaij J-o*J ^jU 

• 4^uuIIa]| Ajauq]| UfS j Jj^liHij ^aiu ^yaij 


: ^Ulis style.css <-^U ^ Jj-ualiullj J-^su <blAj 
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.title { } 
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51 

.details {} 


ofllil! uL^lj £ljj*Jb uLi]) J-aau f jAj .J^uatHII ^>aijj (details) (title) LH^ Ja£ ^ JALuoj La£ 

:^U]| Sj^aii ^ U£ .index.html ^L» ^ d!^i o^^b U$Ljjj <j^b 
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< div c 1 a s 3= n cent ent rr > 

<div clas3= rr text rr > 

<diV Clfl33= rr tltle rr >ijl j_ULJl !_j_a</div> 

<d±V C1 a 3 3= rr de tails rr >(j I j_JL_J!_J l_i Ajo I_^_J I J^uo !_^LJ i 

</div> 

<div c 1 a s s = rr imgdiv rr > 

|i j j in 5 I ;j j-SLJljJ' ! _La 

</div> 

</div> 


ljla </div> 


fjkj .(details) dbJaPl Jj^aliHl ubj bLublj (title) dblajj jl dbJa&lj £ljj*Jb qa li (Jjy \\um\\ Uj! 

• 4_i]b]I S j /4 i La£ AaJal uSi Cjbbj£ ,c i! , Jl AilbaVb 4 j oa£ 


la^U (j+^i b» JMi <ja 
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34 


<div class= rr title rr >[^L_fc_ji - i^UioJi j 2 * L >_>, i \ jl^ ^j >. g .-- aj_ ! j_ ? -</div> 
<dlv clas3= rr detail3 rr > 



j I f I- I j n 1 | i i ~ ^ j j Jjf Jl 0 ■■■■ 

51 luajJI LF Jj jj_^ £_ljl {ya 





Jl LT^ 


J I- 4J ■ J--' I 1 ■ • J I [j_jJ 1_S J _ i i _ & J—S l_lP j 


</div> 

</div> 


^ Ay/n^l (j j£1uj j Ja^alijj <jlUiual j La£ 
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^^^^nedia 

cnig^fjyi pllcyig ,cpIqoII ojqa 

Websites course and electronic medio 

i-dSjUljl- 'lift 


^ ■ -~* 1 ' 1 ■ • i-Ift 

yy 1 - - ^'y-^.j \jij± 

^ j->> eo- ^ ^ cS^Ljj^ ji j'- '^oj- 

-^j Lviy 11 .y 1 - Jr-j^ 1 J'j^ 1 j| .[1]%^’ ^.yj^ 1 - ^ ^350 S : 1 j.yj'- 

J^u ,^-C- 1. .J jI-lhu 1 ^ j^SuJ 1 J. Inj ! ■ 'l y ,j-nj ■—jy-Hj ^ j Jjy JjLa ^-iii Ji 




A-ualaJl ^a-iLuaiaJl ^IxjI ^jUj A^Luall Joualijj <j| jlp ILi] jauai 


(direction) oLaIj^I a uala 

^ j£j dlaui -ij-l^al direction dlauVI AauaLk jjJ ^jb U& ^jaj jLuuij (jj* AJfctaul \±i <jl jjx!\ (jl i&Luu IL ^abaJl J^nklill 

jlaaJj (text) aijjJj Aaual^Jj j-uaj U& A^tail uua CjlijJ oiC- Aa^lail j-uaj UjlLabj d^Ic-S ^all Aa^lail Jaau 

:S^ La£ jLuuil (jjaJj (ja ol^jj ^ 2 -ju right 


41 

1 .text{ 


42 

width: 58Qpx; 

43 

border :lpx solid #FC0; 

44 

float : right; 

45 

direction: 
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^ inherit 

47 

> 

^ ltr 

48 



49 

50 

. title {} 

° ! important 

51 

52 

. details{} 



qa (rtl) ^bulllj (jaajil ^jl\ jLuuij (jj* (ltr) ;JJ* U& 11a£j La j olau^l AauaLaJ ^ S^C- <ilU& d^lc-l la^^L La£ 

•^JUllS laiaJl ixj AajHII 11 J. rtl *Lajl3l jLn^L ^,j!j # 4aij*Jl jSi jail ^ bali^lal j!&VI jLuuIl 


c-nigjiilUl (Olln'JlQ 1 go) I ojga 

Websites course and electronic medio 


'•* • -~ i ^ ■ • Ja 


i ^dJjl _ iibiJlj iijllajl. Ji_-£i2k. |J|j I n! ■ i J.jJjpk 
Lp j! % jl K 1 ^ s^- ,^j' J-- 1 J,j^ y^! J^.j' ^ .j'' .j'' C-l^aij l^zlJI ^_u5j j Jl.jini- 

cp Jij^ 1 "LiJ^ 1 - J-.J^ 1 - j| .[lj^.j^*' ■‘‘-P ^350 yi 

j^si .j.jL-uu 1 . y iSjjjiJ 1 yy^ 1 j ' --.j 1 ■ ^ 1 y ■—ii.y^ .#j yy jy j j 


Vyj^ 1 
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JLuJL LjUuaLk AiUab £)VI fjkl .jLuuJI ^j (jj-aJi ^1} AajI ^IjjjlSI £a q^\ <j\ i$jZ S 

.ujjUaA^I 

(Padding) ** 1 )^ 12 Lu*Li 

:^uajHI JLuJI ia^V A-uiLj A_±3 qj£j c-L-lll uflljJaij (<j^aill) ^ jIxaSI AibuLA J-axjj j^aI13 A^uoib A-alA A_u^Ia ^A 


Hello World 

_ Content _ 

Padding 


Border 


£jUb j-a jA La£ Ailuu» uLiil uflljJal ^jajj Ajjj <jj£j ujaj ub^l y-aull <j^J ^Jb»jil J-a^j (J^jIL Q^ataJl uLiii £l jbjPb 

. Paddings cr^b» ^ ji^aV) 


^jk A^liJl ^-ua jjj .jLuallj JLuuVIJ (J&H\ c> Aibjj-4 J-4C-j (j^allb uLillj £j)jbdb l-La]| ^ic- Aj^alail ^jaJaaj ^.j£j 


:^b]| Ji^b style.css-Sl L -&* 
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.titie{ 

padding: 3px 3px 3px 3px; 
} 


. det.ails{ 

padding: 3px 3px 3px 3px; 

> 


ia^U iai^Jl Aju A^LaJl ua< bua]| JjAju (j£-ajj A^alaJl cblui^ill qa ij-ualll V <buS bulacd o^lcd ia^d La£ 

• ^a ij^HI cbj ^ (jjj AibouJi Afuulb ^Uij jjjxIII 


media 


c_nj g jifd UI ^ollcpig Kigali Q )93 




_ ~ • ■ lIa 


J \ji> 


_ J.-H. ' . '. -'l l j 1 -r ’ ' ^' 1 

^ ^ eu 1 j* s# i*j w «* tSjijjij ji sji & 4 -uSjj 

4^4'- ■!£■■ dij^ 1 Vji_>4 j) .[lJ^U 3 ^ 4-350 d 1 -^ 

l -iij 4 j j - .-.J!. ' 7 1 - J-ti j 4 j -^4 iJ.J^ —^ 4 I . J 4 1 ' 
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(-JaaJlj&iiil- ,0^11 - (3^111) 'dx*eH 

• Lojjj 4tA*\yA tft Ijl (jijl 4*A*\yA Si£> q/\W Uft ^u*i 

.Uu*i4 LUlau La£ <jjl]| ^uil ji Jj£ ^laxjj JflAJi qjJ Aj^tUl dift Ji^I ; eolOF-^ Aj-^IA 

.A^uuil j) J-uu£JL f Ij-uj A-4jS ^jiaxj : font-size AxualA 

Lj^LLxij JhaJi ^uil ii^J lift (j-aj : font-family -kAJl ^uul AxualA 
# tuaj| J-uilJL A-4 j 5 Ji^I jl <jjla jl i iuau p-lj-ui A^u5 iALj p)jjai laAJi iLwj iiaJ Aj^uatUl dift ; font-Weight -^Ail AxualA 

:AJU]| S jy*al\ ^ U£ style.css (title) lh^ aL^ ALL^II <j-aljAil J**j ^ jaj 



.title{ 

padding: 3px 3px 3px 3px; 
color : #F6G; 

font-family: "Times New Roman", Times, serif; 
font-size : ISpx; 
font-weight :bold; 

} 


^uj! Uii^ o t jJauIl .AlaP A\ja1\ fajll J j£J| llii^j <jjl3l Aj^alA J j& jJauIl ^ (jljlall (j^^S qs\ il u \A ll*-uaj j ij£Jl ^ la^V 

jlxulj .liiftj Alualill ixj ^ill laAJi (JojlL ^jioui laAJi lift ^ic- aJIa ^ Times New Romany l-ajjjlaIIj dJjjj ^ill laAJI 
dllft j ^alll (jlajjxll AaaS ^ft j bold Lii^j JaAJl ilajoi Ao*-calA lLalAlL m I ® £ jlxull ^ # J-lu£j ^ A A^ulll UuC- j ^aUl ^ Aj^l A Uii^ 

.AjLLJI ^jiil dllAj italic ji regular ^jAI 





c_nJ9>IfiJ'JI (OllcjJlQ ^CDli^oll 6)qz 

LajLaj’' Ua 


---' 

jAili - A^Uwilj Ajudali jL«^ j JdL~ 

<ft ‘ l jj*■ Jji* ^ j? j' ' . .^J 

S Ji ^Vajt iJiijai JC j) .[l]Vi^' S Js^' “VM >^350 jjiil 


(text shadow) JiaJI a±^La 

: (JjLuII ( jjJaI]| ^ l^ioualujj text-shadow Aj^l Alb l^Lual (jLajj Jiail l^laj (jajII i lj! jj^a AiLual ALlLal 


4 9 

.title{ 

50 

padding: 3px 3px 3px 3px; 

51 

color : #F6G; 

52 

font-family: "Times New Roman", Times, serif; 

53 

font-size : 22px; 

54 

font-weight :told; 

55 

text-shadow: #000 Opx 2px; 

5 6 



jiua ^jVI A aylllj j-ujVI (jjlll) ^JjLuII j^ajJL jftj Jlal] ^jjlil LLLpI o o jlxull ^ Jlall Aj^IA ^jljlxil (jm^S LLLpI d^pj ijSil ^ La£ 

.^Vl dUIVL Jlall JuIj Y j Li>^ Jlall 
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A'yniti QjSlsai CjIjjaHI] iaiaJlj Jjj JVill -Ixj 


udgjliiyi pllc^lg ^cplgol! ojgn 

A_-uJlLl - JiA 

Sju—j l j£Lj 

i *(# 3aJ ' J 1 -** J jiai« 

iiua ^ Ji^J 1 ■-!> ajl ^iZ.- jji ^Jji. J--ii JjfLd k _ s -TaJ Jjiiiji .ji- Jjlrii. 1 .ji- O 1 J !ni ■ \ LisJt ■■ . fK 1 J ' 

CP *J±3^^ j! .[lj^.^li 1 - Mjji ,*£350 ^_>S !| - Jj-^ 

jil ^c'L^Ji’Jli ^jL-LAJ 1 ^Ji iijjjajl gij^J 1 - Ji Injl. I^l J-Hi 1-ilj^^j Jiic.j J.jl^ '-iii ji iiJjxjl 




:^UJl£ style.css ^ (details) lh^ JUIj 
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59 
€0 
61 
62 


.details! 

padding: 3px 3px 3px 3px; 
f ont-f anally : Talnoir.a, Geneva, sans-serif; 
font-size : 12px; 


.Juu£jr jl-lLoj AiLuiA CjUIajVI JjjAiua]) uiljlalj ji uLiiij q±i Ailui^il Aj^uala. 0 ^ jIxuJl ^ J j£l\ ^ La£ 

(jjjju 1 1 jJiuJl ^ .CjWwTuti j£ jj j Sj^-uj jajJa^ll jj£| jA j (tahoma) A£«jj jj Ja^Jl ^uij Aj^uala. U&Jaj 1 * jlauJl ^ 

\ Y Jjiauj JaaJl 


AajjIII jaiaJij Jjuj 


(-iU9jlfiiyi (Olk:II19 PC0I90JI oj9^ 


LofoJl Ua 


4ajjlr>ll JL*^ jjiel** « 

vSJu^JI J=uAOJI ^yJ-C Jipr Jjji wP j 0 O$ 2 u 0 .^jOj Jju>ji < 6 >iaSs^i gl 6 )hfl ... 9 I cl j^e .. . Lajl v ..<. 3 ^jhfl ... 
4^19 LijjSl ^ Jj^JaJI «>>>*) Jl>sil Ol .[l]clu>aJI a»»J 4 ^ fiS 350 _<^£j> 9 \II 0 >£JI J>I^jl» 4 JL 9 

^9i-uUt)JI _*3 jU-iSg .Bjjpdl ^yj-c SS90JI « >ll^.. ...Ml ,jjo JjjLo >^3 JjjS iS^iLjuuuO oiL> a 3 4u>sJI 4>jpdl 

6 >j>2eJI > .i< ...I v ^clAi2r\ll 
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*/\A 

Aj*uA1a 3| a jlaaJ Ajlioll c 1^4^1uouj (j^aljaLU Aj-uA1a]| ^All JiaJj 1 ^-aIp JjjJaj ^1\ 4^k*al\ ^ Sjj^-aU AjtuiLLa (j^jlJ-a*J J^IIj 

La£ JjjJaUb A-ual^il C-ihWal) ,jAua img Aj^uuj (j^aLa. aWa I^jluij j 



img 

File folder 



style, css 

Cascading Style Sheet Document 


1.01 KB 



imgs 

File folder 



index.html 

Chrome HTML Document 
1.36 KB 


:^U]| ^ U£ jj£ uLaII tfi\ J£Uj . img UUxJaj (yemenl.jpg) Sj^ua LL^I 


36 

37 

38 


<div cla33= f, liir.gdlv rr > 

< img s r c= rr irr.g/ yeir.e nl. j p g rr 
</div> 


/> 


39 


fji L«S A a-ilill '" iaiaJlj (JjjJaiJ! Jjuj .I^jlusj Jjjj aULuul l^JlLa UjA^j JijS 1 *» • <ai TV jlauJl ^3 


:^U11 Ji^il 


media 


LjygjifiPJI ( 0 UCUI 9 <c3*9oll 6 j 9 a 



11 J-** J 5 Jj*J* 


3I ? -1 u 1 . I .s\ . 1 . . X.' S 1 rtO .. , 

,&S3 50 _^>3VI 0>aJI 41 Ls 

13 (_S$aa*uO od> a 9 4*/>aJI 0>ijJdl 
o>ipdl OUjuJ 


UUAl\ £}a^ £ua j ^j-4 A \\* a CjLuutLaj ^ J-aau Sjj^all £)V.J w *j;k JSJb U jj^ia Sjj^I £)j La£ la^U 

CjLuulLaij AjS ^uaj Sjj^aib ^j-aLk <jVl AlaC> L-ijUaallj UjI^J V Sjj-uail Au2 uhiii <ji Lal& Ajjaj 

.UJjjj <^1 <j-ajLua^Jlj 
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: JSJuJb £j£j*uuj CjLuiLLaJl A-tuaUk *U 2 ^Jajj . imgl ^-a A-ia^uj style.CSS <-*1* (j& SJ-asu 


63 

64 

65 

66 


.imgl { 

height : llGpx; 
width: 19Gpx ; } 


<Lu2 Jb& tillLaj ^LaIuia Aia^^La Ufc (j£j .lAiJjJ LjLuitL&lj J-a£> tillLajj J^u£j ^ A * J^lu£j \ \ * Jjlall Uji^ d^l&l JjSJl La£ 

.(j-p-A qjjUu liua AJajJflA^ (jj£j V (j!j L5 JuJaij Kxtn Sj^uall JjJall auto 


:ls^\ (j* ^ index.html ^L» ^ Sjj^b lajjJ £¥1 <yU 


36 

<div c I a 33 = f ' im.gdi v rr > 

37 

<img sic= rr im.g/yemenl. jp g rr c 1 a s 3= rr im.gl n / > 

33 

</div> 

39 


40 

</div> 


jLuJj LLii (jjftjxa CjjjjJuIi JalaJlj JjjJalil iau .(imgl) ^ Sjj^ail Jauj ^ T V jL^uJl ^ la^b La£ 


(-aiqjj&IUI (oUcUlq ^cdlgoll ojqa 


'LoJvA? _1A 



J-*' - AaUmJIj Mj.iinU JU* jjUL • jij* 

iS.i^ftJI .tx.>j0jl yj±C- Jjjy £iji Jja Ogix) ^uOj .:&>iaS9_M, 5I ftj^Q w. 31 clj»>>a LaJ \,S\ra . 

cujlIs Laj>si ^ Jj$ixll G( .[l]o*j>aJI 6 >(>aJI cuj! /v 5350 0 >aJI J>lgju, <*JL$ 

(-S^JljuoXxJI :6>j>adl «_jJLc t-S^uadl OLt-iy nAH U&3JI0 >^3 ±ij$ ^S^juujO cftl> ^j>sJI 6>j_pdl 

&>ijjsdl uK *.i) v^Loub^^ll 


(Border-radius) cll^H 


Jj£jj J^ju ^,jAj .La tc- jj Ajjlla LfrjftA j Djj^all bl jJ] J^ju ^,jAj Ij^Jxaj LL*bj ja£VJ 0-iLa. Ubljj Cjj^Ja Djj^all Ja^Mj La£ 
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.imgl{ 

66 

height : llOpx; 

67 

width: 190px; 

68 

border-radius : 6px 6px 6px 6px; 

69 

margin: 2px 2px 6px 2px; } 

70 



-Uu jl A^ljl J-ax] Jij£ liLual *\ A jla-uJl .bljJJl jxaaJ J<ui£j ^ bljjil f Ija^j jl^la bJi^j uij j^l\ Aj-uala. J^axj HaS 1 A jlxuJj ia^V 

.J' i, ^» ^ jLuull J- 1 1 Y ^jjajlj Y ^>a La£ ^j-a 
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. jLuJj ^ La£ (jalLl) uLiilj Sjj-uaib uLiii ^5 Jlj£V) (j^aau t Su/i ua 4 ^wa^l JLui Ajjj JJij 


37 

. ii£gdiv{ 

3S 

width: 19Qp.x; 

39 

margin: 2px 2px 6px 2px; 

40 

41 

: 

42 

.text { 

43 

width: 53Qpx; 

44 

border : Ipx 3oIid #FC0; 

45 

float : right; 

46 

direction: rtl; 

47 

48 

margin: 3px 4px 2px 2px; 

49 

> 


jl Uj±^ U j dJ-iaJ dl^jj ^Sf jj^all jl t fljMl 4^1 jl ic-tuaj ULLuj Uj£j La£ Aj^uaLk ^ j margin 4j^Ia Uiuai V* 4 jlxuJj ^ Ja^V 

.J*uu£j Y jLuuil <j^aj J^o£j 1 jl-lLaj JLuuVI (JAJ J-uu£j Y j!.iLaj (jAAdij <j*aj J«uu£j Y jIjIaj <> Sjj^all ^ J^J (jjii^i jl t fljMl 


•^JUll jLu^L ij^l (jjSoui .SaiaJl j La£ ^ aHa * JaI£ ^salll £jU]| uLaU 4aI jVI 4-a-ual^ U&Jaj £ V jliuJl 


c-njg^yyi plicUlg ^cplgoll ojg^ 


i-Hij'^i ‘j* 


[>^1 - * i jjV i ? JU* jJeL* ij£j* 

■y i i. g 11 kiSjaJI jj^- gjjl .^j-Q ‘ij^ici i^JlQj, ,^2i L*jLkiS 5 juj gl *_ ;■ U o . n gf *l jUo ... Liuj •■. , Kr g » ^.Up ... 

q^ig LijjSi ^ Jj^JflJI ajdjaJI d I jail 0[ , [1 ]^ju_jhJI ijjjaJI cu_ii A^ 350 ,j-jLi_> 4jl I ■jjUl JbHgjLii 41LS 
dSgjLuu&J I .^-.5 -iLI-LSg liu j^d I .j.lc i_S§jasll Olh.i l^I ,>c ■jgjLci ju^cg jjjS '.JJJ- jJ QjjjhJI a_>_ijjfcll 

6>jjaJI OLL.ji. 1 ^jj^LoLi^ryi 



• 4-uajtuaij (jAua Jajlj 4iUa) .1 $ % iUj A\k\*\j jjjiil 4 jjjj pj&l\ ^ JjAju 3I 4iUxJi A|j£^Ij d£LAJu3l qa ^cjUII jLuiij Ja^Mj La£ 

. ^jUij JLuJI La£ dj^i jl (j-aill (jAua (.. jj£j Jj-salij) Jajjj J^ju ^jAj 4 ut 4^1 4-ual4J (j^ua iajjj 4iLua) 1 n ^a\ 


1 5 J_jjj!^J I jj. I \ in ' 1 [ l 5 j-Ji 111 * 1 I L _ 1 _jj il_J JS j i 5 j—jjj^Ji I l5 J- 1 -^ ■' I o I f'l LJL-a.^ I [^-J0 1-3 J r j I rfi j_JLj j 

<a hiref= rr # fr >j_LJl . .</a> 

</div> 
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(jjiLuujj JajljJI ^ (#) <jiulft A-aIc- U*-ua j USj-a Jhi£ ixj ol^I^I iiaJ ^]j £j^aj^]| Jj^ ijj^Jl Sf lj£i ^j^UI AutgJ ^ Jajjj ULuai j la^b Lai 

j^Jllili J^nkMI ^ AiLui 



<-_iU9>i±Jill (OllcUlq ^IqoJI ojq^ 

WtbiHti court* and electronic Medio 



JUfc jJaL* * jd.^L 

■ *>'■• f II jajjcojl w 'nLc: J_p» g_i jf jjQ O$Sj 0 _<t^jQj ,_li«.>jf ■ i\j -* q J ■- si t ; --iu ■ ■ 9! cljl»Q ... Laji • -Xig . S j. •-> 6 . . 

Q^_o.5 (jC- Jj^jaJI 6>i>*JI JI>sjI 0[ .[ljq^jjaJI 6>i>sJI «UjJ/ ‘_>J> ,o5350 _c._&j> 9 V O>ojI flJLS 

(^s^juojoJI yj3 iiljuSc v jJL^ v5s*aJI 01 hj." ..All ,>0 <J$jlo >*£9 JjjS iS9^uiA bL> AS «Lj>sJI ft)j>adl 

ftjjrjadl OK >.») ^cLOlCtVI 


Iaj|jli Cj| jj-aJl ^jlasu ^uaj ai Jjj .JajljjU ^^Jaljla'tfl jjjlil jftj jjjjVI jjjlib -Mjll J4^ (..>&! J^l&) A^LgJ (j* jll ij^j 

jl ilb bijl AJl^ Jfljjj]! Jluul (j* JaUl All jl A^uall ^Ic- ufljjuil ijjl Uaj| j-a^VI ^1 jjjjVI j>a <jjlil Jj^I ^jj SjUil j ilc- ;l^laj 

'(jm£*1 \j j^Uil il& jilall Ajlusj ^Lj AJI 


^jlj (jj CSS-N AjJ AiJJ Au2j^ (jj b Uft j (Jj^lilij jfl Ailuab ^jlj j)£Jj lajljl] ijia. <jji^li J-aju ^jlj V Uft buL • AJbjIa]| 

.j^I^lili (JJj!>l£J| Jib iajljl ii^A <jj] J-43U ^j]L j)b J^lj ^Ijl J-4XJ 


(jSo]j lajjjli (jjl J-43U AjjiJl # uLi]| lift a- 4 ^(jj^u m A IulHuj ^i]| ^)jjMU| iUi] (details) Jib -lajl JSI (jl 

:^IH! Jliil£ 4I Jill J£a£ 0^ cil jl ji^aVI 
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.details a{ 

color : #09F; 

text-decoration:none ; } 


jjj^liil ^ ^1 iaj|jj]| bjjjsu ^jlsuj .j-uMi jl ^ LjIj jV ^ ^-ujI jftj (a) -M ^ (^1 llsulaj ^ (details) ^uil bill d!^l la^V 

baj ^III lajlalll Ao^ll ^ftj Siji^ Aa^ll lHlal V t jlxull ^ .d^lf'l uLill Jib iajlj jV ^juj ^jj] ijbaaj IIa£ VV* jlxull .details 
jji^j iajljil biab ial j^Ial ^ ^^jl*! ^Ij ^Ij none ^buiil UliJapij iajlj^l jl q^j1\ biab Llil text-decoration 

:^b]li laiaJIj Jjihlll isu JlUl 





O** 11 - *o*> 

<5 l i fl 1 1 --I- >i'l 11 .jLc jju> gj jT .;jja Ogia ^yjjou Tjj.jiij -^j 0.'4g ..I g| ft j Pi o . li gf djl-io .li 1 .rnii i_iiii'g < j l-i 5 . .i 

«l ^3 LijjSi .JjgkJI *juju?c.l 1 J jju Ol . [lJ^ujaJI aju_>sJI eu_^‘ ;i-i350 1 0 _>jLI 1 jL>lg_uii 4.1 L3 

>_Sgi_.^.ij-J 1 ^-S .illJJi'g iijjjLaJI 1^9^ 1 0 lh.. .^'91 ^ ogJ la jutcg jjjS ■bL> jit 4 + j j u=.I| *jjjjtl 1 

.. _ij51 J ,.™\ o 1 




(jVI ^.jlluj jl cbi^j V Aalc- jj^uillil ilp (jiij # Aaau (jli jiil Jail I All jl ^II AiblaVb Al ji jjjxj ( ## joi| Jj^lil) jajlj d^l&l bJa^V Lai 

jjII ^Ij AJbLuIl A^jjJail ^iL jlj J-aau ^jil JaJlj >( jjj jbJb lajljil ^Ic- jjJubil AlL^ ^ lajljil dial Ial Aiblalj ii^a jjj] J-aau 

•^Uil Jlulb Lai jjjia-ui iijiJlj Aaj!^li]| ^UaaJl j^Ja Aalc- jouillll ilp ^^Uil uLill ilLIil ^jb ^lualall 
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.details a:hover-; 
color : #F60; 

text-decoration: underline; 
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. 14 ^ ^ details ^ -iajljjil lt*-* c^'j details l>*** a:hover lh^' UiJal V V jkuJI ^ d!^) U£ 

lakJl ^jxjj underline ^ A f^ dliJaC-ij J&kl] jj^Jall jAj Jajljil Ca^a Jakil 4_aualk lakual V A jla-uJl ^jjlii lakual V A jlxuJj ^ 

.Dreamweaver-!' Laj^j line-through j j^' ^ 

. SLa£ Aalp jjJulailj Jajjjli JLuJI <jjAj,ui iakaJlj JjaJaall Ixj 



6*^ - 4***^ JU^ j jifliwi Sj^ 

■ ^ '. -g II kuJtoJI <jJ-C- >>? gjjf 4>ja Ogia vjjjaj. ijsJii idjktSgjju gT ijLkiijLEi gl t-IjiaijLkj Liuj yiVig i_Sjho uj 

■sii-iig. I ■ o ij4f JLgkJI iJljHjl OL . [IJ^ju^sJI *_jj_j^)l '_igjL> ^y^350 jjiJI J^-lg^i 4JL.S 

tJgkjjdLjQj I -^3 -dU-Lig I *L5gjpeJ I ^'j I U-i . ■ ■ .i\J | ^ ^JgJ La jjjS tSgijudtja *-&!> as I *jj>aJ I 

.. US i , Lo LuJ ijujill Oli^ 


.Jajjjil { J^> jaJulaii lie- <jjlii jJuj D^i Jk^Ma La£ 

(comment) ^Jaill a. uaLi 

AiLua) Jjaajail j c-uajaii ub <ja» j AjLtuJl Jl j£^U d J jP j ljMjJxj J^aJ jSl jaJl f Luai j A^ajail f laai ji J*a lala^i jJl jaJl A^a»jj 

uftUi Jtla£ Jjalsu J^ju ^jiiui # jk&2 J^alxa AaV Jij£ c-uaaa V Aal ji ^lalaJl Jjiil ^Jc- jaja £)i qjJ dli ji Jj£Jl li& r jJa j£Vl (j- 4 ^ (jalxa 

. style.css-S' ^L»j index.html 

• AaiUij d jj^ail La£ 
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IS 

19 


< [-j i L * ~ ULfl-> 

<div cl as s= "menu "> i^Jl—LJl 
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21 

22 


<div cldss= "content ,T > 
<div cl333= rr text rr > 


</ div> 


j^aljaJl QAJ U uiLuaa ^jjUMl J index.html (jaxJa laLua! 


jAailail Sjj-uail Luaal 
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/* 3 i I * 1 l_Ua */ 

.details a{ 

color : #09F; 

text-decoiation : none ;} 
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.dJaja Jjaka jlaj jjoiilll ^>aiL d^-l j]j ji (jjj j^aLaJl JklJ ^jalau ( j\ ^uaj a^l Sjj^il ^k La£ 


jSjaxil Aa^kua CJ la 


jAailail Djj^all ^gk La£ j ) DJj^j^il djj^lj ^j^ail <jaiaj A %k^all f^^laa ^jllui Aailail ^al jkJla ^jaaLaj f aJl JjS 
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jLuiij gpi La£ ^Luaxuij 4aJa|jj£j ^ j^j ljUUj J \a£> < 






media 


c_ru gjlfd y I ^oliclllg ^cdI^oII ojq^ 

W^bslt^tcouf s? q nd © I<?c tf ofiHe msdlo 


j^Ju 1 JlA 



6*P - JUk jjULjt Sj,i> 


■l5_ll(sJI kukioJl -jJ-t jj? 1 gjjJ .,>q Ogia ij^jaj. -^fli i<i>Li9g_juj gi ij-^o ■>■ gi •tl^l-.Q ■- LojJ 

q^ig, Lsijjj&l .JjgkJI ijujiJI dljiaJl ul . [1]4 jujsJI ijjjiJI «ik-g> pS350 j^cjj 9\II ujiill Jilg-ui 4JLS 

.^g^ujjdJI ^3 -iUiSg .:ijuj.il I ,_.;-li: i-Sg^iM ■. ■ -i\J I ,j,ja ■jgj Lu juttg JujS ^g^jjQ --uadi jJ 4jujixJI ijuj.il I 

. , jLiil Jj^Lsi ijuj.il I OLLuJ -j^LckL^yi 


(>(JI - ikL-Jlj 'Um^ 1 J 1 -** jJ*L» Sj*j* 


•ij l ■ g 11 1 --.l v ri 11 _.;-._Lc jji ffjjif ^jjQ ■..r-gici .^.v.j.iij .^.v.j51i .-ftj. Ir-.3g ..i gf .ri j I--, o . .1 gi -dj .l-iO . li I ..-n i 1 ■ L~~?Vg < ..i 

cu^jg Lijjal ^>c .JjgkJI ijujiJI dlj=Jl uL . [1]4 juj^JI ijujiJI clljlu >1^350 hjjueJI J>lgjLU 41L3 

^gLjujjoJ I ^3 .UJ_L5g iijjjaJ I ^gjil I o Uti.i ■■■'■JI .jua vjgj La j^cg JujS- njSgLjLUda tili jJ 4ijjiJ I <vuj.il I 

. .jM^i ijjj.il I OlijLitl 




i>P - i-kL-J! j 4*-*^ Jl*» J JftL. ijjJ* 


■ j i- j-g 11 kukioJl jj? 1 £jjf ijJQ Ogia -i^kjCu Ju*>ji -^fll .Sj.UQg ... gi *ij. Uq ,.i g| hJj.Uo ... LjuJ 

<li_^g Lsij j&l ,JugJ=aJI ijjjsJI J I jaJ I uL . [l]4jujaJI ijujil I •LjQkJ? ^53 50 -j^cjjsyi OjiU Jilg_Li' 4JL.S 

i_Sgi_L»mJ I .^v-S -iUiSg Lijuj.il I .jjli: LSgjill <':IU j ■ -iVi I .,jji '■ J-g.1 Lu juu^g jj j3 .JgLjjjjQ ■■jJJ- jJ 4 jujixJI ijuj.il I 

,,jj5i J^li. ijjjiJI OI£juJ I 


lj! k\A\\ ^uall (JSaj AJLuall <Ui£ U AoUj (jl uLj jj-uallj uLill AjI^j qa q^-a Jij£ ^uuj U4S uL£ Ja-^V 

.ftxJl UfljJiil (jp- (JJ3L A LjfijJ J 
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(Menus) 

(j&j ^LusIaII 4.u«\\L jj*1\ 4jajLk jjj*j >L $ ja^aII j jLu^j ^AAuaj c_u^ <jjj£j j^Uxjj ^j| jl]| jjjxj 

,A-4jli ^^jjlaj (list) J-^ 4u£a£ LLu aa LLaIju #l c jILxaj ^ILui 4 a il ^A<uaj ^ic- J£jj LajI .12 J^U dJjjj La] ^L*o1a1\ J-uaj l^JLjia 

# jj£I jLuu djjlxaj L^Ia AJujIa L^j£Jj Uu ja IaLLaIxj ^LUU Uiuo] L^-aIxjj I^IaP Jjjj ^j]) 4 -ajIa]| Ufe 

;U u ja UUaIju (b5 j]| 4 a iUU JIIa 


99 

100 



<llxa href= fr # ri ^. - ■_ 1 x/a x/ 1 i > 
<lixa href= rr # rr > D £4^_i</a></li> 
<Iixa href= fr # fr >^_L^</a></li> 

</ul> 


D^i JjSJl j Ux£ j^a] £-ilj j^Ja-Ajj 41 ja% 4»Ajli J^u ^jllu4 Jj£ U& U^J UUaj <j£J 4JLLuJl 4 ^ajHI] 4^jLula .d^S 4-aj11]| 

.IL (menu) 4-AiliIb ^saLaJl uLil] JiHj 4j|^| t JjL Jjl lj! jjaaiL j JaIuij /USIjj^I <Uili f Ual 


*^Uil£ K>ui # ( LL Jj^jI _ 4-utuij^]| — ljLjj-aII — ljUjLula _ jbaJ _ UsujLula — 4_iuujj]|) j^aUaJj l^jfi 4 -ajU J-ajlj ^jIj 


19 

20 
21 
22 
23 
2A 
25 
2 6 

27 

28 


<div clas 3 =Fr menu"> 

<ul> 

<Iixa href= Fr | rr >j_u 4 _jjJK/ax/li> 
<liXa href= rr # fr > l_ ul^j L£j</aX/li> 
<lixa href= fr # rr >j l_l^i </ax/li> 

<IiXa h,ref= n # rr >Ljl_?j L£j</aX/li> 

<lixa hrpf= Fr f rT v j l \ j_*_ 5 1 </ax/li> 

<liXa hrpf= rr f fr > 2 ...,-j x :\ jjj-</ax/li> 
<lixa href= rr # rr >i_L_. </ax/li> 

</div> 


jilJ Llu (JjILum laiailj jjjJaUl ixj ^ l$j ^saLaJl 4-UlS J-aju Ua£ 


* 

VP 


(>*J1 - J JU^ J >ILi &J,i> 

■ ^ i- -g 11 I-. ■ ji'l 11 ijJ> gjjif .jjQ U(iiLa Tj-jii --Aj.l-.qg .-I qi Aj. 1^,■:■ ..I qj ;lj.o ... l.-ni ■..\.\'ia » Ino ,.i 

LcjjSi ,>& 1 iJIJ^ail 0\ , [l]4ju_>aJI ijjjjdl «L;_^ v9^ ^-.jiijS'jJ 1 ijjji.11 Jl?I3_uj 4JLS- 

jqJI .jj JUiSs t>Lc >53*^11 ■':IU.1 .u\jl jjjQ ■jgJLQ jiCg jjj^ -JJ_> jjj 


Vjl ^jlj Ljj Jaa 4ilUa)j 4*ajL£]| { J&> JjJju <_$! JjS # Jiu6U l_iAJ 4-ajL&]| ^ja^a ^Imla j uLil] ^j-uu]j 4^aJl 4-aj11]| 4ilUaj JALuu La£ 

(id) £ jj (jj» (menu) 4iLuaU id-]^ Uu*ia UaIsu 4a£ 4 a iUU jj^ J-aau ^j!j 4jLula 4 a\WW (id) 

j^UIl Jl^U ^jluA j 4-ajUII (id)-]lj 4-aUJI ^i^lutluu UjLa dULuUj ^i]| (menu) 


22 

#itenu ul { > 

23 

.raenu{ 

2A 

margin-top : 3px; 

25 

border: #933 Ipx solid; 

26 

width: 8Q0px; 

27 

height : 40px; 

28 

background-color : #FFC; > 
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La£ ( <_$A ^¥1 (j& 4-bl£]|) Ljjjjxj ^^jju £jilaJl (ul) 4-ajlI]| j^jj Aituaij menu al U4,uiij 4-blUb (j-alkJl (id)Jl J-aau lla£ 

^^Uil jLuJb Jj£ij *ij .(list-style-type) jjP j^^aac- j£ Ale* 4Jalljl jl *Lajllj| <La^ fl*Jl 4j^aLk Uajj uLJaiuu. Y Y jJouJl ^ 


22 

23 


#iuenu ul{ 

list-style-type : none ; ]- 


Jalij fUbj ^luduj JjHui (jjij V (b5 ^)j none ^buiij Ujlklj (list-style-type) *bblill JjHujVI £jj 4_^uaLk Uiua! Y f jlxuu JaaMa La£ 


;4u]Lj]| Sjj-ua]j ^ La£ 4 4iUH juataxJl 



.tgJUJ) ^2 baat£ ^Sll Ltiallj 4^111! ia*¥ 

J-axa ^ jj&j 4^Lkij o AA j (display) C 5 ^J &AaAa 4j^l k J^axa ^jliui I^jSj (li) 4.4 ~iUM j-uabau ^_ualk Jjabbl <j-a ^jil4 j J jl £f$\ Luba 
:<A$1\ AJailij dAA £juai 4 j (jaxluiiui ^Jba JLuj taA jLuu 4«ajllj| ^ aj*2 <j¥l ^/abi j inline ^bl£j l^-La a AC- l^J j 4-ajl£]| 



La j laijbkj ,j) jil ^j-a 4^ajLuak t^ia Aaluu] jj jA jl J^xau uflaA jl JjjAiua jA LaJjj 4-ajlHb JkA 4j qju ! )AA ; jua^¥l £)jlil 

,(4-ajli]| bA) JjjJaoIi 4 j 1 Aa ^ 4j^|Aa LLu£ U£ jAil lJuaII <jduia jA Ullla bAj lib 

,Alutlui l^Jl£ laC- jaasull ^jLajj (ul) Lfr^aia 4 a il qll ^A ; j ALajil (jjlSl 
.AluaiuJl jualaxj l^aC- jjj3u]j (jS-ajj 4jALaj]| 4 4 lUlj j^alaC- ^Aj • jLuaSfl <jjlil 


:^ib]| Aji]| ^5 bx£ .menu JA j¥l J-4 ^j uLiil (jAua dAj^j-ail bl£ 4^ajllii ^ajLuok J4%j^i ^J l j^\ J^xj ^jiluu 


22 

23 

24 

25 


#imeni: jl!-! 

list-style-type : none; > 
#ro.enu ul 11 -I 

display: inline; J 


.(ci-i (j* 4-aMJI ^ ^-aUxJI) bjjjxj ^!j .(menu) (ul) c> (li) Ls*J (id) Y t jk*Jj ia^V 

:^U]| jLualb ( jjJalll Auj 



c-nig^fjjyi (Dlk^l9 ^ciilqoll ojq^ 
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V i 


Aa^la J-aau fjiiu. .1$ \a < Xj A a\WW otaj^l AjlusLL J^ju ^ jliui ill jLuuij £>* A_4jllii (jl laa^U .bid) j-ualip Jxa jjJuij JaaV 

^ U£ (.menu) lh^ 
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27 

28 
2 9 

30 

31 

32 


.menu{ 

margin-top : 3px; 
border: #933 lpx solid; 
width: 800px; 
height : 40px; 
background-color : #FFC; 
direction: rtl; > 


JaiaJlj Jxj ^ja!\ JLuj <j j A 4 iUII direction Aa^lail AiUa) Y" Y jlauj iaaV 



uuq^ktUI policing ^cplgolt ojgn 


‘LL J—jt dj=- Jy^ 


.(menu) C)* 4 A-uajLuaa AaIuu (A-ailUl) uLill ^j-<wa l^jSf jLuuii (jj-aaii ^ A 4 il ^11 dlaul jjjxj iaa!>Lj La£ 

jjjxj A^tuala — iaaJl ^aa A^ala — (j^aUxJl JLuil <^a JaaJl AJl jl) JaaJl (j\Sa A_Lua!_a) <^Aj Uu*i4 ULLaIxj Ija. Aituab ^jliuu Aalloll 0 jlaaJl 

.( A aaaj Luaji uaouUbil JaaJl ^jaju — A M 4jll]j JsjIjjJ JaaJl <jjJ 

Ajjlaj uBj^I (ja £ jib ^ J jl jjP A^uajLuaa jjjall Jajjjil £4 J^buij U u*i4 IIaIxj j£j Jajjjj ^ *t4jl£]| j^aUc> <ji j£ij) AJaa^La 

,(A-4jIa]| j^abc- (j^aiLuaa jjjjju ^ jjVl A \*\um I 4 jAj 

; jLuJj ji dUjj Jj£Jl jaaV 


24 
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26 
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30 

31 


#menu ul li- 

display : inline; J- 
#menu ul li a{ 

text-decoration : none ; 
color : #F 6 G; 

font-family: "Times New Roman", Times, 3 erif; 
font-3ize : 16px; 
font-weight : bold; > 


.A*u& jjjAiua]) jl (j± jVI qa A^jHaJI j AalSjj A_4 jH]| qa £j£2aJ| (jAjJa A-4jIa]| j^abc- (jA pjilail JajI jjll ^ J Uiuai Y A jJauJl ^ 

dlA J-uaVI menu jl ^jjiluaii ^ AulSJj A a\WW A_4jllii j^abc- ^5 ibj^j^l JajjjjJl jtial Jjj&j UjU) Y A jJauiII jLou jjjalij <j£^j UA 

.((j-ajtuaaJ! 

Jaall (jaiju Y A jJauJl ^ Hj£> Y A jiauJl ^ cJaa ^lau (b5 ^)j none Ux-Jaj AJILaj JaaJj Aa^aLa Y V jJauJj ^ 

.qIsjjC' (b5 jju ^alij bold Aau£ Ujlajj JaaJi <j^ajC- Ujia f ^ jlauJl ;JaaJl ^aa Ujia f * jlauJl ^ tea.ijUxdt jaall 


ji ijall jLb (jj£aui laiaJl j ( jjJal]| Jju 



c_nJg^LfiJyi policing ^cplgoll ojg^ 


Uj Jdjl dJ wuij^j.j^4j | Ijii aiUj^ k^j! jUi! U*jjU£u4 4jm 'iji y\ 
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jU) Aj^tiJl jl cJuJalwj (li) A^bti&]| j-usUp uflljJai £fi\ ^ jliui ^ Uu*i4 oJ.WaIIj A^pUl ljIjjjx 1]| J-aC- jLuiij ^ Lai 

:^U]| jjiil ^ U£ (border) ^j^VI jl uiljaJI j ILl^ UUaIxj 
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#menu ul li a{ 

text-decoration: none; 
color : #F6Q; 

f ont-f anally : "Times New Roman™, Tiir.es, serif; 
font-size : 13px; 
f ont-weight : bo 1 d ; 
border :#F90 solid Ipx;} 


JaiaJlj ixj \ (jA\£> hi. Ac«jj bJl^j Lai j jl 4ju^H AiUal ^ H jlouJj ^ 

: ^UII£ Jli 



<-ijlaj jl Jaj) j\\ (j4J 


Jj£J! Lai (padding) A-LLflliil AJxujIjj j-uaixJj 
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#menu ul li a{ 

27 

text-decoration: none; 

28 

color : #F6G; 

29 

font-family: "Times New Roman™, Times, serif; 

30 

font-size : 13px; 

31 

font-weight : bold; 

32 

border :#F90 solid Ipx; 

33 

padding: 7px 7px 7px 7px; } 


^unili Ji£ .cjUUjVI c> Jil j^v ^ llp r r jkubi ^ 


cjijgpfuyi (OIkII19 /LDlqotl ojqja 


1 






1 


Uj Jp^Lj I 

ijii. 

CjUj.jaJII 

ZjlljLAd 

jbii 





JLuj^I A 4 Al^Ij) LusjI CjlAla j & La Llllfe s ji^V) iaiJj AiLuu^i ljJI j Lb j^aUC' j A 4 h^£ 

(JJ *.j f AjAH A.urt^b Jjialj J*a ) : (b 5 Aj Cj^LjxHj (j^aju LLLb Jl jjLuxui llA j Sjj-uall dljj Lai A^xiUij Jjjliua j| cJuill jUal 

A.urti^lj A 4 jUll J Jjaolaj ^buij .( blSlj bJj-aP uhi]j uijlaj A, 4 \WW (jjj AiLuu-a J-aC- Luajj — li^bo^l qua J-uuij i 0 A.4 lUti 

•^Jb]j Jjiil ^ Lai (.menu) A 4 ^JjAL-oU Jjiallj Jii Jjj-iiuall Q£iJ I^Ioj AiLutal] 


22 

#menu .;!{ 

23 

list-style-type :none; 

24 

margin-top : 12px; 

25 

margin-right : -33px; 
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YT cJLui i.nl y\\j AajU&]| (j±i AiluuJ) 1 \\tyj \ Y ^jLujj ^£>\ £ja Jjjiiua]) cijla A-«jll]| <jjj AiLu^l 1 Wty Y £ jJauJl ^ 

.AJa^Ulj ALLuJl A^jHij (jaj La£ J«uu£j YT jl-iLaj cijlail (jA <jl ^j buL ^u£aJj jAj J-u£j 
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.menu! 

margin-top : Spx; 
border: #933 Ipx solid; 
width: SOOpx; 
background-color : #FFC; 
direction: rtl; 
height : 45px; 


J£-uj uj JaiaJjj -Ixjj # Jx«£j £ ® ol \\tyj Jjlail UAid Ail*/aA Aaj 11]| Jjj-ii-a .IaIuuj menu ls^3 Jj£Jl ^ 


:^UJLS ^>41 


ouq>ifJ'JI (oUcUlg ^col^oil djqa 

Wtbiltfi court# and electronic Atdto 



IL jA^jl 




jUii 

Ljtj.^LJOa 

4 j**u 



U-*J' - ^V-3'j JU* jjiflL- SjiO* 


iSJul 0JI *y.>X>JI W <U_C- _»> gjjl w *0 0§£jO _c^ 0 o §1 ft j *■> O ■ . ai elj. •■■'Q . . La/I > .-<va i ^qo . . 

cuaIc L£j>$i ^ Jjr^iaJI dl>sul 01 .[1 ]oaj>hJI 6>jjadl «Ua2 v9-^ ;&S350 ,^£j> 9\II 0>dJI J>I£jul, aJL9 

uS^juujOJI v> 5 jUiSj vjd-C t_S$AaJI 01 h.. >.A)1 ei$jLo >*£$ Jj>9 uS§a_^juO odL> AS <Ui>aJI 6>r>adl 

..>£1 u U^U- 6 >j£* 1I Ol5LuoJ 


-Ijlj > A ^uaj Jx«£j V ^ j-uuVIJ Aaj 11]| j-uajp jj Jajjj (jjj ASLui^l A^aillij j-uaUp JjJjuj ^j£j 


Adjll]| jLui jjj^u m jaAaJl j 


c_U 9 >if>)UI (O lie 111 9 ^colQoil oj 9 ^ 

W#bsll#scoun# and#l#ctronic media 

Uj J^sjI 

1 ~ ll _ 1 ’j *■' <JjL£^|LJ 0 a H&jjLJOa A j > ~ij ijl 1 



jAfi' - JaU-JIj JU^ j JaL* i jjjjk 

>3 v.fl II jajJtOjI J>?r ^>0 O^ifl wS>-jOj wJvdi i 6 >*a 3 gjuu, ai isj^q ... gi clji^a ... Lajj > ..^Ya e 5 >rtfl 

<V -*^3 tftJ>Sl ^ dl>ajl 0 [ ,[l]oAf>aJI 6 >iO^JI < 0 ^ ^350 ^^> 9^1 0 >aJI J>I§ja, ^JL 9 

lS^ajuuuoJI ^9 JUi$$ <6jjj2dl eSg^dl » ...Ml ^jo Jj j 9 lS^amjuO A 9 ^>aJI 6 >j>^dl 

.. ,_LiAcLai 6 >i>adl Oli_ud 



jjP Ujj 


:^U]1 Jjs« ^ U£ SjU 
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.UjjJI o jIjIaj j^a Up iajjjji (menu ul li a) i$VI ^ (border-radius) A-i^aLk t-&iai ?A jla^l ^ ia^ti U£ 

:< ^JUil£ jSj-aII ^ ^LdjUij (jk J£-uj JaAaJlj Jsuj 


C-rug^LfiJyi {O ILcll lg ,cblQoJI ojgzi 


11 ,jm 2 jI 

iJlaI 1 .Jtjii 


•ilijJu 

jbii 

Ld^jLJuji 

'U-uJJ.jijI 


6** 31 - JW j s j*> 

i^jiflJI kuJtoJI .jit >>■> gjjl <jjQ Ogio -o-JlIj ,Juj_> tl ^-jii L *^bsg_uj gS ijhf uj gf ;ljhi' w Uiii ■• . l ~hg S\ hi 1 •*> 
^iijig LtCjjSi ^>c JjgJaJI dljsjl ul . [1] «uj _>=J I a^jjjdl .£^350 n^ijjsy I ujill 4JLj 

•^g^juAjoJI j-S iUlSg l*juI ,jJ-£ JOk-'d I in lln.. . -i 'J I '.jgj Lu j^g jj_>3 _l 9 4ujaJI ijj j_"d I 

..jj^ri 4^j_^di uiiud ^^.Lcki^yi 



U lie* (j J (jjiij QA j-uaU*Jl j£J laU' Jj^jlL q$\ f ,jliuj .AjjILj jj A-apU UjJ A aW^W j-uaU*Jl Jajjjj diluL£ 

Jj£j| La£ * AULa (jj] ^lli jj (j-a uflljaJl JaUi jjjxj £.4 AuMjjj Auil^j <jlajji jaai] ^ualui d^S Aulc- 
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37 
33 
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#ro.enu ul li a { 

text-decoration: none; 
color: #fff ; 

font-family : w Time3 New Roman" , Tiir.e3, 3erif; 

font-size : ISpx; 

font-weight :bold; 

border : #FQF0F0 3olid lpx; 

padding :7px ISpx 7px ISpx; 

border-radius : 5px 5px 5px 5px; 

background-color : #EC7600; 


AjiliJi ji JjS Uiuai luajj liua V ^ jla-uJI ^ (border) j! <j jl j ,T Y jJauJl ^ (jjlil JjJjuj li*£ d^i I&ab^j La£ 

gyS La£ lalaJij JjuJalll ixj jSjjxII JLui aJjjj T ^ jlxuJj ^ 


c_njg^fyy| <o Hell 19 ^c&lgoll ojg^ 


WebsOes course ond electronk medio 



daluu (jiiij (menu) UA Auaijj 4 ail£J Qjl Aituab # d!^i A 41 UU j^uaUxJj IjIjj Aail^ jjJu d^pj la^^j La£ 


:^U]) jjiil ^ U£ (.menu) A^il 
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margin-top : 3px; 
border: #933 lpx solid; 
width: SOQpx; 
background-color : #FFC; 
direction: rtl; 
height : 45px; 
background-color : #F9Q; 


(menu) cr^J (background-color) *balaJI Aitba) ^ ia^d U£ 


JaiaJlj JjJjuil ixj JLui qjL^u j # i A 


LAi9>xfJ^I (0IICUI9 <c^>9oJI o;9^ 


_ 


Uj 

4 —^>«J 1 

1 oUij-J' 1 

UiUjULa 


Ik^LU | 



o** 3 ' - JW j jU- l Jj> 

t-S ’..g II - VA11 <_JsJLC J>> gj_)l jjjO L.’^SjO JN-j&J --•>3j ■. 5I Aj »-iQ ...- al elj^O Laj l \_AjS ■ S ^.oO . . 

cLh^S Lfij>si ^ JI>bjI OJ .[1]<Ui>sJI &>jr>adl cUjlL />^350 t>fiJI J>I$juu 4JLS 

<-S$u_ujuOJI ^3 iiliSs ^jJLc cS$*adl OUa^iwiM ^ tj^Jlo >^3 ± jj 9 >-S$-..>.i.O <_«I> AS o^i^all 6>»>^d I 

.. jjlSI Jo-cLaJ 6 jjl>a)I ulijuJ ^a;Loa?\II 



Ifljjaimj ULlula UUaIju 0 Ailuab <jV) ^jliui # i*j AoIj j JLuJIj <jljiVlj qa a * W att JLui J-uaaJ S jJa^. j£ isu Ja^V 

jL\ (j ! J-4*j ^biij bole- l-l^j U j # A-bli]| j^abc- A1 ^ic- SjU3l jjJutlS) ^jjUl jJu A^aLk ^A j b» Ic- t AllLa <j£Jj Luajj <jVl 

Jj£ij ^ La£ A-blUl j^abc- Jajjjj ^jiba 
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frnenu ul{ 

list-style-type :none; 
margin-top : 12px; 
margin-right: -33px; 
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#menu ul li{ 

display : inline ; 

#menu ul 11 a{ 

text-decoration: none; 
color : #f f f ; 

font-family: "Times New Roman", Tiir.es, 

font-size : 13px; 

font-weight :bold; 

border : #F0FGF0 solid lpx; 

padding: 7px 13px 7px 18px ; 

border-radius : 5px 5px 5px 5px; 

background-color : #EC7600; 

#menu ul li a:hover { 

background-color : #FCQ; } 


serif; 


CjjIj Jj£ jA j a:hover <J^ <^VI t \ jla-uJl llibaj 1_A (jAut jLdu l^iajl jjj lA j-uaUb- j A 4illlb A^albJj ^J 

.(buia menu ^ (jil! ^ J VI DJjAj-bi Aaj^lill A.4 lUti j^-aUc- lajjjjij ) Djouiij t IILaj Ljjjxj La j uLj ^V f it 


. JldJj La£ t ^ jte. jjdiUij jjp ij] jj A^lili j^aUc. Jld (jjSouiJ 
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c-njgjI^JUl pile III q fiD IqoJl ojg^ 




6*^' - ^V*2'J * »jjVi^ JUa jjJai- Sjjj* 


■■ ^ tj-g II kLk.-t.aJI jijt.^ £jjJ .^jQ Ogiti ; T v.k.Oj -J ■■ >jl ,_svii ■■*_;. l-.Qg . n gj *j. 1 -.o .^i g| tlj.I--.iij ...i Liui ’. -lVi q . -.\ !--.■:■ ,.i 

■sl^jI- 3 Lijjsi JjgkJI ajjjLaJI JIJleJI u], , [1]4jjjlzJI «u_ii vOL-V ,u 5 3 50 0>>ill.J_--1 ^i_^i 41 Ls 

ijgiiiAiuoJ I ,^3 AliSg ■LSg^cJI I' dh.r . .i\JI ijjQ jgJLa jicg jjjS- -^gi_.jiCi j3 4ju>eJI I 

.,_Lu3Ls_ 0 UL..kJ I 


jLuJl (jk La£ dbAA^ (jjUl AajUJI ^jk c> (j\ jjJjLHI Ale- 


(jA (j^\ (jk j^UxJl djUkj j ill Jjjiilj *a<^a\\ &aA^j ^ A A,J * A jl ABjiLa Sjj-ufl Ajiik Jb& AlISjaj 


.(menu) ji (menu ul) ji (menu ul li a:hover) jl (menu ul li) ^ <#VI jt (menu ul li a) 

jBjjHI Aia. ^pUI (jC- Sjjj£ Sjj^<a qj£j V <jlj t ^aj AAa-« qJaaj AAa^ <jjJ UAAaJ I^jlusj AiLa. <^B Sjj^a3l AoilaJl 

,^jVu*i4 AjfcUa) AjC- jBj^aH JjaVHI V jij 

Lu ■'_;«*tl (jjjJj jjiijJlj Asjxj <ilij JSj lAjjfr jl JlaJl jl (j)jJVI fI jm ‘UuIaII j^Uadl JsjIjJ IAJjjj ^1 ■■*<*< aj 

AaIxjj 


(Marquee) &£)aJI clu^I* 

ljI jjaaJiJ jS ijaII j dAjAa. AxusIa (jVI t iiJaim cjIa^j Aij^ jj£I jB, 

,C-iUilaJlj jlSflJ j^Att Aj ^jjaLk j AajIHI uLill CjLuALa ^jjaiL uLj 

^ d jVuui marquee Ax^liJI 4iLuaj 


Aj^liJj j£-ui (jj£jj 


<MARQUEE WIDTH=100% BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>This is an 

example of a marquee scrolling to the right </MARQUEE> 

(behavior) A£>^ I^jB Aj^IaJI ^jB l^uaij Aj^I^H yl a^Sfl (Jj .111 (J^III Aj^Iaj (j^aLk d^Ic-S BjSJj 

(^j% jbj d jViu j jill qoj1\ ja A>jVb (jjjlaJVI b»l .(bgcolor) AailiJj <jjlj (direction) dUj)j (width) 

.(marquee)^' ci' j' J^ 3 ji 

j^UHj Jj£il (jk La£ (jjjMSJb AJajjj A-uiij ufijAi! j AajHII ljLa Axj tiljVuti (j^IH AjAaJj uLaH (jj£l£ Jjaj (jVI ^jAj 


106 

107 


AjSJl ,La£ Aj Aiajjj uLaII J-a*j (jVI ^jAjj marquee V Ai 11 J UloC- D^c-i iaA^j La£ \ » 1 jIxuJl t 


MOBILE: 00967 714490030 
MOBILE 2:00967 772755202 


Email: info@techpio.net 



www.techpio.net 















30 

31 


A * 


<div c 1 as 3= "ic.z rquee ri ></div> 


4 j£Jl Lai o^uj ufluill J^b ApualiJl Ail-Jab £jVI ^ijAj 

■ <div class= n marquee"> 

<MARQUEE width=100% behavior=scroll direction=right bgcolor=white> v _»jj \ < m Si j H ^ 1 P^^'j 2 1 ' j j ~ < ™ » j_si jj-Ji </MARQUEE> 

</div> 

(jlajxil (jsiW IgJ IpLiLa; (marquee) ^<j-ai]l Aju^LL Uauuaj V ) jla-uJI Aj allkjjj l-Lj Uluaj f (jk 

.ApualiJl Ullf'i (jaul\ llu£ <j,i4j Uajj a Lai VI ^jVu*i4 Jaij JjjLui Uj±^j djiuJI %> * * 

La£ j Jju JiLj (jjiujj 



Jjjjiil j (jjjjiSlYt P*^ L j ijjjjSJYl pi_pl VjJ J 


(>jj| - Pw 3 * 31 J 1 -** J Jai- !js> 

■LS'AijJI iii^tuCkll , : jj? Rs iif ^-»jq Oqics -j^LjCki ,. Ujl.> li _vj5j L a jla3q_uj ql a >h a uj ql d :. j --io ^ Laji < „iViq <_S ;. !-■.■:■ ■->.■ 



Apuali Au 2 - 1 ^jj ji]| uhiii <Jja \1 ju ajj jj£I JLiJ Cj^jJau]) ^jjasu J-aau <jVl ^jliuuj lip] £)j£&> 11 ia^b La£ 

Aitiab ^jiiuuj l^JLuil Aj Q-aliJl &a marquee-^ 


iaiilj (J-^I OjJ 
.AJajPj uLill Jjla 

.AjjIIa LIjj AiluaVb £jjl 4 £jL U±j±ai Jj)jlaVI jl uiljaJ) 

Jjill jLui Qjipuij 



.imarquee{ 

color : #F6Q; 

font-family: "Times New Roman", Times,, 3erif; 

font-size : ISpx; 

font-weight :told; 

border : solid #F60 Ipx; 

border-radius : 4px 4px 4px 4px; 

height : 30px; 

margin-top : 2px; 


UJi^ \ * A jlxuil ULial ^ * V jlxuil ^ .A-uoij ^aituai. ^]j AiLuaVb AaS ^i]j uLill Jji]) J-4 *j LbS 

uiljla^n j) Lil ) \ \ jlxuJl (jk (jhjjC' <jj£j iaiJl > * jJauil ^k i A JaiJl H jliuJj ^ tui.JaiJj puil 

^ ^ jliuJl ^jk tbljjil Jil J*u£j i jj jIaj uLill bljJ j\*&a jJiuJl ^jk jI^Aaj <jjLj Jiuu 

.Y ixj jj ,j-4 A u* 4 ASLuu c r * uLaII PLajjj 


:c5 iuil JiuoILi (jjifui iaiaJjj a!Ac-i ^JaJau]) Jxj 
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uijgjlfklUl folk:III q ^colqoll ojqs 

Websitescourse and electronic media 



Uj Jjjjjl 

*LwWJ.jwJl Jjli 

CjUijaII 

CiLijLA* 

Jfbii 

UjujLAa 


Aite-Vij 'UijjjiiVi sjj. 




6** 31 - **lj«Ilj ^JaJ' JW J Sjd> 

< .5 Lig II ku^ti'jJ 1 .j-.lc jiji> ,=j _; i .jja Ogia JjuAgJ ^A} gl Aj.Uo ... g[ -:ljl --. 0 . ■.■ LaJ 1 . .Vrg <^U6..i 

IjAjjJI JLrgkJI ajujLaJI iJIJleJI u| . [l]4uji=JI ijdjLaJI i_jgij* ;&S35Q h^AjjS^JI OjAJI J^lgj^i 4JL3- 

1 ,j-.4 .iLliSg 1 Li-J-i"- ■Aa^slI 1 Ol h... AjJ 1 ^ ■jg.l La j^Ag jj j3 AJ> jJ 1 

, .jsSl OlijunJ .^v.jLQ^'iJI 




‘'■JjVi’l J-** jJaL* ij£j± 

^p II kuJcaJI ljJ-C- jJi^ gjjf , L >ja Ogia vS^oj Jujji i^Al .-aj. . .. g.f A^Lno ..i g.[ c.lj.tn5 ..i Liuj ■; ^ L'~'vg < ■s-j Li & . .1 

«u_A3 LAjjSI Jjqiill ijjjLsJI -JIjl=jI ui . [1]4 ju^JI *jjJlsJI cu_A P^350 -^AijS^J OjAJI JL>lg_uj 41 Ls 

1 J -iLI-tig 1 .j-.li: -LSg*>J 1 OLkui^uuy 1 .^a - jgJ La ^cg ajjS aI> jJ 4h>=- | I 1 

.. jmS L^-IA *juJlsJ 1 Oliju^J -^-.^LoiViJ 1 




C^' - ^A 3 ' JW jJoLn s^> 

■ ^ '--pi kij^EoJI jJl> gjjF , L >a Ogia JLu^-jf ^--jii AjJaSg^ gl ^j. ■-. ■:■ . - gl tljkA ^ LiuJ ^ 1 i'Vi'g i_S_jh& uj 

«L(_iig LAj_j 3I .JjqijJI ijuJi^J 1 'JIjjjI O 1 ! . [l]4kj_>aJI ajjjJill ‘=u_4 vS-*--" ^5350 1 0jAJ 1 J>lg_yj 41 Ls 

•LSgijLktjaJ 1 v^S ^Lli^g ifejjjsJ 1 ^-li- ‘LSg*>J 1 OLkuiijuuy 1 ^>ja - jgJ La juLCg aij& Ai> as- 4u yai 1 1 

. . j ijSi J ; ..--1 ijjjiJI i'jK 1 .■ 1 li ^tLojL^ r "iJI 


(Background) AaL&iAJI a 

Axuoib ^ bj±& A^luu» AuAlxJl j fife ^ CjbAlxJl <^A ^ (j^ajLuaxJl ^Al 

4_b3 ljIIxx^Lq UA j Aj^ujLb *b£lx Jtxjb f jlj c^blS j^ll Auilx J-aau <jSM ^jliuu Jxb f IJxSh Cjbilx jj j^ 13 <b»UJl 4a&lxl] 

: <_yA j IgJ 4j mil ux 


.j££ jSj-Jl <-u^b-« AuilxJj £j£j cjb jA& JjUJ 

# jiuxUl t lalixJj Jxi JAxa <jj 3 4-iibJl <jj£j oi J-«aL 

1$ 4 %^ jjt a/\\ 4ailx£ b) 




a * <♦ a IgJ 4 ^a1x 4_iiix£ 1 


1 bjbAlx£ j ^ 



(jA j LjbilxS 1 $ me*n ^jiluu (b5 j]| A-^alaJl jj-ua]j A-iS Us-uajj bg dbxfeuil AjAx aLxa ULuui &%£>] JxxMj La£ 


,(J«iSj i * * * t * *) L^jL^Haj Auili (bgl.jpg) 
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At 


.(J-u£j n A r* U t i ) l^jtuAl*J Auilk (bg2.jpg) 
t * * *t ^) Auiil (bg4.png) 


^ j Aia^U lift j ljUuiMUI AjI-Ij ^ style.CSS-^ <-^1* c>^a Aiaij £j«b (body) £j£a<uuj SAailaJl J-asu 

(jAjaiJkl\ ijb La£ 14^t^i CSS-^ C 5 ^ c>^a S jj-XA^a A-aI£ AL£j <jj« 1 j (body) 4-*^ uSf -la^&uu Lai ^jj£l£l| ^La\ AlajLj ^uaj <j3 UII 

; Jjill AJU]| Sjj-ua]j ^ La£j q^jLu^JI (jbjyu *i <jj.i]| 



body{ 

background-image :url (bg/bgl .jpg) ;|] 


•^JUll£ iaiaJlj ixj jSij^xll jLuj 4 j . jLj uLjil) g-alljj Ala-wl jj 1 $ jl< * j ojj-ua (JJjjuj Aoil^ Axual^ Uibaj ® jla-ull ^ La£ 


media 

uuiWiil'JI (OllcUlq ^Dl^oJI ojq^ 



IL Jmo]I J 

11 CiLi>J 1 1 

oISjLJm* 

1 jluii 

| Lkj.jl_Ua | 


^pV>j 



. i«#Ui ju* jjlii- Sj*> 


uS-UjJI h.XVll ,_jJjC j>? gjjl ijjO 0§1jO ,JmjOj <&>iaS9jM; $1 ttjnO ..; ji tljhfl ..- Laji y^jg yS>lafljM/ 

l.otjfti t j£. JjjJaJI t>jjj 3 il\ Jl>ajl 01 .[lj^tijsJI ttU vS^ ;CvS 350 0 >aJI ip>ls_ur 4 JL 9 

uSc>_oujaJl ^3 .ijjjadl ,_fJLe ySs^l yin.. .. VI <^jLo >£9 jj jS uSg. ».<n <_ftJL> jj> <Oj>=JI a>i>*J : 

...uil J^Ol &>>.>adl OK.miI ^cUu?\ll 


- iUUJ 1 j Axglall JL** jJsIL* » 


■ S '.)ll h.xvl! yyLc J|>> gjji yjO 0 <£jO j-Aj Jyy>jl _^j£ iijjaSjjM. 9I y-»o ■- ai djho — Laji ■ . S j-ia ■■ 

Jj^iaJI «JI >&rl 0[ .tl]«4i>sJI <0^-1. /kS350 vj^flj^SVI 0>fiJI aJL9 

1 Sg. ■ ■ ■ rv I »ll ysLc yS^y^ll 1 - I -i • ■ .-Ml ^j3 i_$9jLo j • ^a jj_^9 ■ s<). ...n » 61 > jj i»jjajl a_^j_pe)l 

..>iSi 6_>j_pdl O&jmiJ I 


4 a j jin 11 jjlnkt n » 

. S ■■ ■ f 11 h.xvll ,_cJ_C j>> gjji yyO O^SjO J •■•>ji Jji ■■ ai ajho ..; o[ fljha Ml LojI ■ -X.a .SjnO ■■ 

<V-m >5 l.oijai (_^c fJj^iaJI ojjjadl Jl>ajl 0[ .[1]4 *j>sJI 6 >i>sJI v$Ji^ ,<vS350 ^&j>9VI 0 >&JI oJL 5 

lS^mjjOJI _^3 iiljuSa tijijzH ^JLc- aSs^ell ulh.. ...Ml jj> ^JLo Jjj3 ySg. ... a _»L> i9 <yj>aJI 6jj>sd: 

. ..^51 |_L-cUb OlSLjMiJ v^jClAi^VI 


jLuu (jilj jJLua ^ulLa l^J l^ jjjxjj 11^ (b5 ^| AoilaJl Ja^jU ^jl uaj Uftj .(body) ^fUaJI AoilUi qjjxj ojlc-1 ja^jd Lx£ 

.Aoilail AiH^a ^ t ALualut A^JlUl ^) A y Ift 

jLuJb Jjill (jj^u *ij t ^aij Aj$V\ti ^JaJali 

j body{ 

background-image :url(bg/bg2.jpgj ; > 

jLuj ^jljfujj t ^aij AuilaJ) <jjjju Ja^Mj La£ 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 



www.techpio.net 



























Ar 



jj£jj V u! Sjj-ua]j aiA Jlfti <jj» j Sjj-ua]j jl AikJI <j| Ua k^Uj iLal£ j$jj*]| ^Ic- AikJI (jjjau JLuJI k^b La£ 

ji 4iLkb a jAj ilb A^lU 4 Ij 


(Background-position - Background-repeat) AjilaJI 

! cs& J LA.Jjjj b£bjju]| j^Jl <jkju t kialm <jj-u14 JjJju] 


J%o\S jail L-mAlb Laj <jkj*J|j Jjk Sjj-uall jjj£j 

,j)j£j (jjijj k£2 j IglaLal AuikJl Jj£ ^aba Aouali jl <LuS Ailbal 

.gS ijaII J&ui. ij]| ^ AkkJl 

# lj j-ui jj ijilb Sjj^aii uiljkl ^joaii £4 S jj-uall tiljkS? AjLul 4 Sjj-uall uiLa. Ailb£ £jjaj 

•^JU]l£ (jjSouij j)j£Vl Aitbab ^jlj 


4 

5 
■6 
7 

o 


body{ 

background-color : #a6a49c; 
background-image : url (bg/bg2 .jpg) ; 
background-position: top; 
background-repeat : no-repeat; } 


cr^J (background-position) Aj^ali Uibal Axxuu jkubl ^ tAiiai Sjj^l £jjsu ^ jkuJ) ^ tAiiaJl Lila, (jjl £jjsu fj O jkubl ^ 
cr^j (Background-repeat) A-^ali A jk^JI ^ Lkjl Uiba) j top A^ Ua bjlklj (top-center)l$-k ^ l$Jj AilaJI &\1a 

j)j£j <^kjj (repeat-y)j jL£* cr"jj (repeat-x) fAj V ct*jj (no-repeat) ^ A LfSj A-ikJI j)j£j 

.Auibij AikJj (jk Lkjj l^xklluij 

;^U]IS £ 4 ijaI! j£-ui (jjioui kkblj ojlcj Jj£J| Jjjjkj ixj 
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A £ 


e 


c-iuqjifiJlII (Ollclllq ^colqoJI ojqo 


LL J*Ail 11 Jj* 11 CjU>* 1I 11 i^UjL!U JLi» AlajLA. 


yAjjjiW jij—iJ'j 



Sj*> 

iS L».gJI H.»>joJI t _yJj£ jy> £jjl i_fA OqSu 0 ^JXi ^jul>)\ »■«• 91 6>foa iu 5I clj>>Q .. Uxrl eSjHfl UJ 

<Uj^ 9 I.Qij^j ^£. jJj^iaJI ftjjpdl dlja/l 0[ .[1 ]A*j>bJI 6_>j>jdl <U_xi />5350 y^Ajj&JI 0 >aJI AJLS 

eS^jJuojoJI yj3 2UiS$ <6jj>all y_p±£- kS$a >Jl OUx«JljuAII ^jO v^JLo >«£9 ±jj9 eS^Ajafl <_ftJL> AS 4 ±j>bJI 6>jpdl 

..>iSl OISljuoJ y^loLi^VI 


dV' = JW J.M** 

■ s ■■ ■ f 11 Jx^coJI i^Lc jjjr Jjji jjo Ogio J ■ ■ ->ji ■•■ tti \.i° ... gi iljUo ... LojI ■ ..<.3 ■ Sj ^6 ... 

<U^g e&j>9l 6 >/_pdl dljsil Ol . [ 1] <Lj akJI 6 >jjjdl cu^h i_^L> />5350 0>&JI J>lgju/ aJLs 

<-Sg. ..iftJI ^s~3 JiliSg <»jj>3cII vjJ^ iSg^adl u l^.. ■■■ \ll ^jjo vjgJlo >^cg ajjS eSg^LO AL> AS q^>>aJI 6 >i_pdl 

..jASl J+jsLii 6>/_pdl OK ..II ^}vClo£»yi 

^ J** *J*> 

tSAA#JI JbOooJI ,jJa; Apr gijl or 0 Ogio < 6 >bSgj^> gl l yi-io ... gf tljl-io ... LojI y..<i a iSjhP ..» 

<v-^s lAi>9l OAiP^II PI. [1]4 ^>>sII »AiP*ll «Lh^ aS 350 ,.*409^1 P>4ll J>ls-^ «JLS 

■ S g. ...fw ll ^jvS JUiSg cSjjj^d I ,_yj_c ^Sgpdl olh.. ...Ml ^0 >_Sgjlo _>Ag Aj>9 iS^-ujuO Ai> AS 4*j)sJI 6>r>3dl 

. .jJuSf L Uelsi »AJp^H PI2AJ ^vdOA^rVI 



A^-j-uj jjjj SjaaHi LjUilkil ^jj AiUaVb l^J AjaHll jlau AJLui4 j 1 joo£j Jju AoilL ^jjjj d^f'j La£ 

SjJLuali J-aP JJaL LajIj dill jl^ <j-4 t illaj CjLuiLuJl Jjlaj ajP Luajj $4J w aII Ap j-uJi £3 

(j j£auij Jj£ij { J&> (JjJxoiL ^jllui 4uilo]j Aoil^Jj AiLual 



tody{ 

background-image : url(bg/bg4.png) ; 
background-repeat : repeat-:-:; 

} 


( Jsl£ j|j£j (repeat-x) A^uill Ujlilj AoilaJl jIjSj Aaa^I^. Uluaj “ jiiuJj 'A <j\U A \\ AoilaJl UjP 0 jixuJi d^f'j JjSJl 


£dj^j j£Jj (j j£aujj 



>Ali f jaJI) jj jill AiUaj 
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As 


ljLjJj Jajjjj W\\*m dlialau Laj Alaau db& Ajuiaj f^ui jlj £9j-bl Jajjjj j^aj JLuu) f AiLuab ^ jjb 

:/JVb -ajiLjjj 


. jjjAU J-^ 

#( j^l£Jb AJajjj ubjJ J-aC* 

.Jajjjj Aitual 

jLuJj La£ Jj£ij <jj^u *ij t flj.lU AjiVktij iajljjil <jjl Jj^au 



127 

128 
129 


.foter{ 

background-color : #F1F4F4 ; 
f ont-f ami1y : T ahorn.a f Geneva 
text-align: center; 
font-size : 12px; 
border :3olid #999 lpx; 
border-radius : 3px 3px 3px 
margin-top : 2px; 


, sans-serif; 


3px; 


130 


w jjjilb A-ualaJl AuALkl] £j] Actual ^j \ Y V jla-ubl <^(foter) dbj-a-uuj jj jill fLuul ^j \ Y Y jlaubl ^ td^Ac-i Jj£Jl fLubb 

^ ^ Y 1 jla-ubl cia^i jl\ ^jk (j^l (j I (jj£j jb Lb-!** j jtka Jjiau A_LuaLk ^ Y ® jla-ubl lakJl Jjiau ^j \ Y £ jla-ubl 

t ^ic-i AauJl Aj^uaLk Uiuai \ Y A jla-ubl cuLill b) jj Ajjj^a .ij-lab ^ t A jlxuJj ^ cLiu.bi uijjAi ^ H V jla-ubl JakJi 


101 


<div cld33= rr foter"> 


102 

103 

104 

105 


<a href= pr # rr > 1 _l_i </a> | 

<a href= rr # rr >^j ^j</a> | 

<a h,ref= rr # ,r > ibj Lj</a> 
</br> 


106 

107 


<span>£_sl j—i .1 6 j j J 5 4_l5j isJ j i^t j I 

</div> 


108 


</div> 


jxjj</span> 


Ajajjj uLiil AiUal ^j ) * ) jlxuJj ^k .4lal& Cjlhiii jjj^j ji]| ^Labl uh.bi AjI^J JjS uLiil Uibal ^Luu La£j index.html A^L^l Jj&jjj 
tjk ttiLutiL CjbvjLuall -L-i^u tillkajj jAalll iai£ jf. U&Ja jj jajjjj UiJaj jlouJj ^iL dbLuuj jjjS ^u^£Jb 

.ub^j bilpj ^ » V jI&uJl (jk i(spail) AJa^jj I jj ^Jjlabj ^aj ULual ) * 1 jJa^bl ^jk <,jL I jJa^uJ Jllaj^l J j£ ULuaj ^ ® jlauJl 


:^bll£ jSjjiil jLuj <jj£jxj JaiaJjj ( jjJaj]| Jau 





^*;Al _ A^Umj! j JU^ j i 

4JL9 -5 '-t 11 ft 1 1 ^sslc j>> gjjl (_jjO ujio ^»jOj J^ji <6>b99^j 9 I ■■. 9 I cljhn ... LojI v^' 9 ■ Sjko ... 
6 >i_pdl < l>-d >9 Lfti>9l JjjJqJI 6 >j>^JI Jljail 0 | .[l]4^ijsll 6 >j>^JI a ^_*_u 350 0 >oJI 

ulSLouJ v^cIaI^VI uSgAjujjoJI .^3 dUj^g < 6 >i_pdl ^JLc vS 9 jpJI Olh.; ...VI ^ v-SjJLo jj_>3 1 S 9 . »j>o >jii> a3 A^jsJI 

...u<l .^olo 6_>j_>J^JI 


R5<u)JI 4bil> | .-jti . -o | L 

R9lajoJI a.I? i djgjJ Abga^o jgoaJI K+oj> 


(opacity) ajl^IAjaJI H idli 

life UjjPj AailkJjj jj^aij Aa^LLui JiaJ ^j cjjiaJj jLuJj <jj» ^ jj jjxII t AL^aJj CjIjjaII ^ AilkuJl juababl jj Aa£lLubj A^iuaLk 

• Jbij J-aau ^jlluuj (iljaJLbl ubj ^ 1 ^Aabajj ^jlluu 


f U 2 ajj Ajaii. (marquee) 
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a a\W) jjjLuJl (j^ua (opacity) Aa^Ia t 


; jLuJj La£ Jj£JI (jj^-tui 


111 

.marquee{ 

112 

background-color : #fff ; 

113 

opacity: 0.5; 

114 

color : #F6G; 


<Uui]| jjjxj tillLaj .(0.5) ^ J A^^uaLk ritual jIxuJl c^aaj^l AuUkJl JA& ^ H jla-uJl d!^i JijSJl La£ 

•^U]l£ ijaII jLuj £j£j*uu j .LjjjjJuij ^Ua^^Laj 


c-nigjIfiJ'JI (O Hull 1 9 ^olqoJI oj 9 ^ 





b^laill Xal^l 

Aai£ ^lauim UAj gS ij-aII 4jPj]| u<a jajla^ ritual Uajj UISaj cji-xi^alaJi ^ <L»Ai ijjxaIIj Sjja.,jaJ| Jaijlakil AiLuaVL 

.CSS-^ AJauil jj ji jaJI A_ajlua] LjlakJj Aitual 


l^Lial jjjj LjkaJI LLiij . (font.css) <-aL»j (font.html) **4^ ^ 0J%^J (fonts) 044 -*4^ *4^ 

;AJaI£ Cjlii^l jj-ua Sjj^all IaS (fonts) ^1 ua,uil .^4 ^ jSjaI] 


Name 

Date modified 

Type 

Size 

fonts 

X+W+aff] pWAT 

File folder 


Ta font 

T*W*W p 1Y:1T 

Cascading Style S... 

1 KB 

© font 

r*w*o/ri P w::ir 

Chrome HTML Do,.. 

1 KB 


:(fonts) c4' J iajlakJl 
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AV 


Name 

Date modified 

Type 

Size 

[_] AraJozoor-Regular.eot 

TOT/1 */Tl plT:TA 

EOT File 

76 KB 

Pi AraJozoor-Regular.woff 

T*1T/1*/T1 P 1T:TA 

WOFF File 

49 KB 

' fontmenu 

T*lT/*o/T**s*M 

OpenTypefontfile 

162 KB 

js_ fontmenu 

T*lT/*o/T**s*M 

TrueType font file 

80 KB 

> text 

TOT/O/11 pl*:£A 

TrueType font file 

359 KB 

title 

TOT/O/11 pl*:lA 

TrueType font file 

375 KB 


:(font.CSS) ^ ^ U£ LL Siluab Jjiil SituaV 


1 

2 

3 

4 

5 

6 
7 
3 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 


Schaiset ri utf - 3 "; 

/* CSS Document */ 

@font-face { 

font-family: "myfont"; 
arc: ur1(font s / f ontmenu.otf} ; 
3 rc : ur1(font s/fontmenu.11 f) ; 

} 

@font-face { 

font-family: "title"; 
sic: url(fonts/title.ttf} ; 


@font-face { 

font-family: "text"; 

3ic : url ( fonts/text.ttf ) ; 

} 

@font-face { 

font-family: "text2"; 

src : url(fonts/AraJozoor-Regular.eot) ; 
src:url (fonts/AraJozoor-Regular.woff) ; 


.cla3sl{ 

font-family: "myfont"; 
font-size : 20px; > 


28 

29 

30 

31 


.cla3s2{ 

font-family: "title 1 "; 
font-size : 2Gpx ; } 


32 

33 

34 


.cla3s3{ 

font-family: "text"; 
font-size : 12px; } 


(jC- Sjbc- j life j @font-face Jajjj UiJajj ijaU -Lj-la. Ixk ritual ji fLuub JjSjj Uiuaj ^ La£ 

<j-a UjjPj IjjjjIj ^jliuu j ja j <j^j£jjli Jla CjbijLualaJl qja 4.AJ&1AJ ^ j SiLuaV Si j jjla D-lC-li rule 

Sjiill (jjiij jJauiVI AbLj (src) V j 1 (j jla-uu .Jjjj La uja JtLU ^uuVI ^ j£j 0 jloui ^ 

S^Lua La£ Luajj ^sal] j£ ^juusu j Ja^ j£ bj&j AiliiLa ljLuu!^£ ULuJI V* i Y i jla-uuVI <^i . Y Y jla-uj 

usj (font.html) 
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AA 


3 

4 

5 

6 

7 

8 

g 

10 

11 

12 

13 

14 

15 

16 

17 

18 


■<head> 

<meta http-equiv= rr Content-Type rr content= pr text/jtitml; cliarset=utf-8 w /> 
<title>i J J a ^ LaLiK/title> 

dink href= rr f ont. css pr rel =PT stylesheet rr type =TT text/css pr /> 

■</head> 

<body> 

<div align= rr center rr > 

<br /> 

<div clas3= Fr clas3l Fr style =Fr text-align: center pr > 

<br /> 

<div class =pp class2 w 3tyle= pr text-align: center pr > 

<br /> 

•<div clas3=" class3" style= pr text-align: center pr > 



j I ^ ! JJ </div> 
il ^ i jj < / dlV> 
il ^ ! jj < / dlV> 


ig 

20 

21 

22 


</div> 

</body> 

</htmI> 


La£ t a 1*1% 4 ljLj j£ ljLj J <j^aj j£ ^uaj^aj f ILi] 


djugjiSJiJI giilgnil ojg^ - LjLigJgiSUI ilgj 

~ Lo-CfrJ ^J'w J T J I Jj. 
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PHP& MYSQL 
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PHP & MYSQL gjjll <_iLdl 


PHP aa&a 

fix jj CujIj LjVjtuaij (jA AjAxII AllA 3 ^A jjLuj AA buia (HTML)-^ 4*-] ^ j Aaj jjj£JVI £Al j-aII ^JAuaj ^A <LaU Axl 4 AjLj.J| Jj^aill ^A LIaIxj 
^jAj jl ^jjjSWI £A j-aJ) jjAa Jfc JfL uuj AA j £A <jjjjLI £-<aj <jjAj]| £a AoIc-Uj jj£| £A| j-a j jj ALl j£Ajj j ^LaI^JI AxUj dAA 

Alb (jjSoui l-Su£ £Aj-J| Jib f La (jlz £Aj-aJI £-4 (Jc-lilil £jLuala Jj jj jjjj £jjjla jA t flu/ij ^ £2 jj»J| Jib (HTML) JjAxjj 

^ ^ Uldui jaJIj (Rasmus Lerdorf) (PHP) 4*3 l^Ija jA caVjLajJI ^aa t .nyuj <>j l^iL^J UHaj V Sjjj£ ljVjL-uj 

f £ij-all jj*^aIIj jbiSM f L^uaj] jJtxll ^A^2 ula13 4jjAj ^£aj 4^jj JaP <jV 1 Alii aj 4JhLuJl AjVjbjjll £ja% Ajla. (PHP)^ 4 jL1 

lLULj oAC> lA ^ L$jULj (jJiuj plSl** a1\ £-<a Jc-Ujjc AoIc-Uj j| (4-ALiaIjjA) ; jll |A& ^Ic- J£jj 4 -ALiaIL j 4*3 .UjjPj AjUjjAjAII j jj-uallj 
J1 a £Ajjxll qajao! l i^Aall Jjill ^jl£> JjAxjIL f jAj jj £)VI Axj ^LIxj £>3 j I^jla JLusjVIj JaUj3| <^j <jajI <^j 3) 4*3 £j3aluij <^j 3) (My Sql) 
£alalu4j V 4 jjIj ji SaaLx LgJI AIjjALa PHP-J1 oajj I^jjj JjjA3l j£A Luajj Iaa^ uiuaj3l lift jai^jj (djjjlluu)JL t jj (a5 ji)j (HTML)-^^ 

.SjJiLua Jj£ij ^Jjjia <jC- Vj l^J^ JjJxjij £AualAij jj £dj^l jjAa f jj^ui 

^ 4Ji djJJ La£ # U jjP ji ^ (JajI £-« p-lj-uu (jji\jJy\ L^jV HTMUI £-A I^aAj Jj dJ jAIa La£ PHP-^^ ^.^Vuai ^ ^ j-i^J 

(jjLtui ^jSJj jjj£ CjSj] CjLjjAiaII ^jjaxjj ^j <jaj) ^j]| jja. jjj£ dlaA <jj£j AaIaP laIAjaLjj (b5 1aP ^jjLujj J^aII lift 

Sjbi ^llaj fix j J^j (j-<a !luaj ljU£J| lAA <jl La£ .AaIaxII ELaJj ( _ 5 j]jj ^jjjjSJVI £^lJ^l ftuuj 4 aU^Lj La] ( jjJajllj 

^j jj^V) CjLuaLaV) (jl\ SjJLuaij CjLluuLujVI ^ L5^ <jaj! ^jil ^Ixj ^ jujJj]L IAjL j j .^Ualij \1& £Aj jaJI Jaxj uAj£ Lijsull j Ma j^ j jIxaJI 

^j]j CjlAjjlajII 


(PHP) (; >j 0 ajI ( >JI Aid 


4^ajjj jjjiaj] CIiaa^j yjC'jLUl (jA (JjjA Ujjkj (4£jJL AS jIaa jjC-) 4ajjAa 4jl1 ^j ujjll ljIaA^ jjjIsj] 4aajj 4jl1 ^ 

^A jAj-uJj jj J^Ia (j-<a UjaIjI £J-aa AjAjjj ^jAjj cjjj]| ljUIaj 4-ualaJl CjjjAj-uJj ^ic- ^jaj) ^j]| Jaxj .lajj]) laIaLuSj laIAjjIsj 

.I^jIajaaj LjULnil £a Jplijljj CjIaAjaLa]| 




;^j (jij| JjSi 4^lfr a jj-^a U& j jjfr lA jJjjj ^JLLU jjjSh ^jla ^ 4 ijT a 4jLjIaj ujjSjj J5li (jai J.«ju ^ (ji2l < _^J1 4JU 


<?php 

echo ' (ji lhjI 4*i ^ iiL !sUi'; 
?> 
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A ^ 


(PHP) oic JasJI^LUslU 

.(wampserver) g-a'-ijj -1 
.(Dreamweaver CS6) -t 

( Mozilla Firefox j' Google chrome) -V 

jl {jlc- (jijl (jl Uj£j Lo£ UJa ,4jtUl si* 1 g jto> JjJalwi <^jil cjI jJl ^1 ^Uaj ^ ^£- llakjj UjCLuLj ^ f .jJI JjS 

J^ju djlS j ^ (b 5 J| (ilLoJu ^jUi jSj-ui J*d! JC-aIjj ji (j JlxJl (jAua A_iaA j CjjjSj^u jL^j) CjIjSj^i 

<> Ajja. wamp server Ua ^Vm i im 1 xampp server ji wamp server ) <J1« j3j« g-aUjJ *«« 

.(Mozilla Firefox ji Google chrome ) ja.ij liiL- (Dreamweaver CS6) jkJ fAJ^' ^ ^'^ a ! *$ 'j.' 


(wamp server) ajL^hq ^Knllpyudl 

wamp ) g-*bjj (Windows 7) 0^ JJ«%3 J A <J^*j £j\ Uj fUaUl ^Sj ji &a .iSbJb f ^ 

^ jljA^Sl) Jig-* jjib SjUlb LLiall Jjjjla (jc- tillij (64 bit) j (32 bit) c/tf L^Lbil (server 

• ^ La£ E^Uij jblkjj 



Control Panel Home 


Device Manager 
Remote settings 
System protection 
Advanced system settings 


See also 
Action Center 
Windows Update 


View basic information about your computer 

Windows edition 


Windows? Ultimate 

Copyright © 2009 Microsoft Corporation. All rights reserved. 
Sen/ice Packl 



System 


Manufacturer: 

Model: 

Rating: 

Processor: 


Sony Electronics Inc. 

VAIQ® Computer 

Your Windows Experience Index needsto be 
refreshed 

Intel (R) CoreCTM) i5-323QM CPU @ 2.60GHz 2.60 GHz 


\y\io 


Installed memory (RAM): 6.00 GB (5.33 GB usable) 


System type: 

Pen and Touch: 

Sony Electronicslnc. support 


64-bit Operating System 

No Pen orTouch Input is available for this Display 


LjIjJI (wamp server) b £VI .bu A i ^Ua^l ia^Uj (system type) 

/http ://www,wampserver .com/en 

. AuiUij A^i^j til] jglalui JLuul (jk 6^>\ Jajjji! Jau 
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U j- WampServer 

ADache. PHP. MvSQL on Windov 


Apache, PHP, MySQL on Windows 5TRRT lllimlllillL: TRAINING FORUM CLOUD HOSTING 


WRMP5ERVER 



WAMPSERVER (32 BITS & PHP 5.4) 2.4 


WAMPSERVER (64 BITS & PHP 5.4) 2.4 


Apache : 2.4.4 MySQL : 5.6.12 PHP : 5.4.16 PHPMyAdmin : 4.0.4 SqBuddy : 1.3.3 Apache : 2 4.4 MySQL : 5.6.12 PHP: 5.4.12 PHPVyAdmm 

XDebug 25.3 XDebug : 2 2.3 


WAMPSERVER (64 BITS & PHP 5.3) 2.2E 


WAMPSERVER (64 BITS & APACHE 2.4) 2.2E 


.13XDebug2 1 2 XDC 1.5 PhpMyadmin Apache 2.4.2-Mysql5 5.24-PHP5.4.3XDebug 2 1 2XDC 1 5 PhpMyadmn 

webGrind 1 0 SQLBuddy 1.3.3 webGrind 1 0 

chanaetoo j 


WAMPSERVER (32 BITS & PHP 5.3) 2.2E 



.(WAMPSERVER (64 BITS & PHP 5.3) 2.2E) Ji-VI J jUl Sjj-all J 




WampServer est disponible gratuitement (sous licence GPL). Vous pouvez remplir ce formulaire qui nous permettra de vous faire parvenir les 
actuates formation d'Alter Way. societe editrice. ainsi que toutes les informations liees aux evolutions de WampServer. Si vous ne le souhaitez 
pas. vous pouvez you can download it directly. 

WARNING : You must install Visual C++ 2010 SP1 Redistributable Package x86 orx64 

VC10 SP1 vcredist_x86.exe 32 bits : http://www.microsoft.com/download/en/details.aspx?id=8328 

VC10 SP1 vcredist_x64.exe 64 bits : http://www.microsoft.com/download/en/details.aspx?id=13523 

WARNING : Do not try to install WampServer 2 over WAMP5 

If WAMP5 is installed on your computer, save your data, uninstall it and delete the WAMP5 directory before installing WampServer 2. 

WARNING : All the components of the v2 2 WampServer stack have been compiled with VC9 version of Microsoft compiler. 

Earlier versions of Wampserver have been made with VC6 version of Microsoft compiler. 

So, You can't mix components of 2.2 stack with previous version of Wampserver Stack components. 

If you do it you will get an instable Wampserver. 


4JL* ^ (y° u can download it directly.) jkuJl ^ 

.(DOWNLOAD WAMPSERVER (64 BITS & PHP 5.3) 2.2E) fc-SI! \ t jl&l\ ^ 


jbuoi ji AuiUij l-uLa]) AJjjLl j-uaj +i -Ijlj # <iL y\\ 4_u£jj g-aUjJ) JjjaL ^ jj&j 


:(wamp server)-!! 



Ajjij Lr ju j (jjU] ^jluij AjjjLl c-ajIaj A\ Aj jj&jSH wamp server-^! JjL*m ^ 


J Axil j. My sql ^J php-^ Jl-ixluiV! php-^ Axmllb ij-yJl JJu*u JJLauII 


My sqlj (si LH^! 4jlU lIjULuiali] J-ajlluu jc-aUjall l-u£jj (j-a Ua j .Aolc- 
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(wamp server) Jac Kibyb 

{ J& J-aaJl Ale- LajU LL J-aju uL£ AijJLA ,A_u£jjj jl^aJl ^ic- AJjjIL L1a £j j-aUjJI Jjjjj uL£ U2j& 

^ La£ JajjJlJl ggi j^ua^VI <jjl]b U>jj^Jaj jLAbja]) JJLuu Jju .(start) Aj 1«41 £ja jj l-uS-aI) ( *^ a Vjl AIjLuu 


EN -*■ 111 ••# ^0 


J-aju £3|j-aJ| CjIaIa a Aa2 ^ualui ^UJl Ala> a]I ^jSM . j-<at£ jLiu J-ajlH JjlLula <jl jA j AJjAj^U j-Ja^SH La£ 

Allb j£ A-i j-Jaj www >^4^ .( (www) -*4^ - (wamp) ^ - (C:) o^J* - J44) : jL^lj Ifak- 

.(IajjajVI (JSLA^ jSj-uu iL o-aliJl gS.j-Jl jjjC-1 ^4aII lift J^hj .Uj A-ualaJl gSlC j|^4 a £lj^lJ Ai^liJ ljIAIa <_$) t iiaj ^jlj (illJ JJ& j 

(jjUb d JJ^J AlJLu^ iau (JJjS jJa iSUAj grWauti ^ jSj-uJI JjLufil ^b 

.( http://localhost) :cJ^ £^JJ :<^jSn ASjjIaJI 

•S jj-ualj (jk La£ (localhost) ^^Sfl jL4 Jj^ CjIjL 4 j^ialuuj jLualb t g jte> jiuj-AJ ^4 ,>>* AJjjLjSH (j-a jAajlall AJLjj]a]| 



Rowe re d by A Ite r Way 1 


3 

Localhost 

*N 

a 

phpMyAdmin 

N 

B 

www directory 

p5 


Apache ► 



PHP ► 

Cc 


MySQL ► 

5 

Debug 

£ 

a 

webGrind 

& 

Quick Ad mm 

% 


Start All Services 

i 


Stop All Services 



Restart All Services 


Put Online 


I (localhost) AuiUij AaL^II j^Jaluj (jAjjhLuJl J-aC- ixj 
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@ 

WampServer 

Version 2.2 Version Fran^aise 


Server Configuration 


Apache Version : 

2.2.22 





PHP Version : 

5.3.13 





Loaded Extensions : 

Core 

ft bcmath 

it calendar 

it com_dotnet 

Retype 


frdate 

frereg 

^filter 

*ftp 

hash 


ft iconv 

frjson 

* mcrypt 

*SPL 

fcodbc 


*pcre 

it Reflection 

it session 

it standard 

Ah mysqlnd 


It tokenizer 

frzip 

frzlib 

ftlibxml 

Jfcdom 


*PD0 

*Phar 

it SimpleXML 

it wddx 

*xml 


xmlreader 

xmlwriter 

Jhapache2handler 

it mbstring 

Jlhgd 


it mysql 

A 1 xdebug 

* mysqli 

it pdo_mysql 

it pdo_sqlite 

it mhash 


MySQL Version : 5.5.24 


Tools 

phpinfo() 
ph piny ad min 

Your Projects 

Si another 


isi ^ ^ (phpinfo) ^ UAj (Tools) (localhost) -U -iAL2u U£ 

Your ) ^ 4J-4J Ua ^aVI jAj (phpmyadmin) cjUjpVIj ^ 

( d^ jj j^a J£j l_uj ljL^Lu^j jiij-4 £)* jlc» J-4*j (b5 ^| cjIa1^a]| j^Jsj Ua : (Projects 
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(PHP),^ t j*J a 2J 9 l 

( www cM" 4 ^ y*AA U^jju) .web 1 Aj^uJj www J-asu ^jSJ 

.Dreamweaver g*U>* 


.(new) ^ (file) Dreamweaver a 4 
/Lltfll ^5 U£ (create) jj ^ (PHP) J aIjLJI SjkaJl Lis ^ 


Dw File Edit View Insert Modify Format Commands Site Window Help 


Designer - [p 


1 - 1*1 x 


New Document 


33 


Blank Page 
Blank Template 
Fluid Grid Layout 
TffH| Page from Template 
[prt Page from Sample 


TK HTML 


<none> 

^ HTML template 


1 column fixed, centered 

Library item 


1 column fixed, centered, header and foot 

^ XSLT (Entire page) 


1 column liquid, centered 

T*. XSLT (Fragment) 


1 column liquid, centered, header and foot 

ActionScript 


2 column fixed, left sidebar 

CSS 


2 column fixed, left sidebar, header and ft 



2 column fixed, right sidebar 

— JavaScript 


2 column fixed, right sidebar, header and 

— XML 


2 column liquid, left sidebar 



2 column liquid, left sidebar, header and fc 

ASP JavaScript 


2 column liquid, right sidebar 

ASP VBScript 


2 column liquid, right sidebar, header and 

ASP.NET C# 


3 column fixed 

% ASP.NET VB 


3 column fixed, header and footer 

^ ColdFusion 


3 column liquid 

TJ> ColdFusion component 


3 column liquid, header and footer 

JSP 


HTML5: 2 column fixed, right sidebar, heac 



HTML5: 3 column fixed, header and footer 


DocType: [XHTML 1.0 Transitional 

Layout CSS: [ Add to Head 

Attach CSS file: • 


□ Enable InContext Editing 

i more about Business Catalyst 


^ La£ A^luall j^Jaluj ALLuJl Sjiaail f-I ju 


Dw File Edit View Insert Modify Format Commands Site Window Help 
Untitled-1 




□1 - 1 * 1 * I 


*L 


|j ( Code | Split | Design Live £>, fift. [>'' Ps£ Title: Untitled Document 


■ (i! DOCTYPE html PUBLIC n -77w3c7/DTD XHTML 1.0 Transitional//EN" "http://www.w3.Org/TR/xhtmll/DTD/xhtmll-trans:Lt:Lanal.citd": 

I <html xmlns="http://www.w3.org/1999/xhtml"> 

I <head> 

I Cmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

I <title>Untitled Document</title> 

I </head> 

I <body> 

I </body> 

I </html> 


D| 




PJI 

ml 




<> HTML| I Format [None 
fo CSS ID None 


- B / i= i= ±M ±M 

- 

| Page Properties... ] [ List Item... 
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£}a ujlAiib ^jAj UjjJjj j-Jaj <jtL4 Ui J-laj Si^b j^ialui (save) ^2 (file) 2a*-uaJb ^jAj (Untitled) 4^*a]| ^-ujI ia^V 

clA^j f—t ci4 4 %watt crA^j (webl) 4^ 4_i ^a!\ £ (www) (wamp) (C:) ^ 

.(index) 


,4jJJ^JJ 4-^ J^d] jAlah ^yj ^yJ UfiLl Ujii (jJ^J*** 


:^1UH£ jA j 0-21 <^l ^ Jji f j£j 


slo syntax errors. 

1 

< ! DGCTYPE html PUBLIC n -//W3C//DTD XHTML 1.0 TransitionalZ/EN" -http://ww.w3.Qrg/TR/3chtmll/DTD/3Ehtmll-transitiQnal 

2 

<html .xmlns= "http:/ /ww .w3.org/1999 /xhtml Fr > 

3 

<head> 

4 

<meta http-eguiv= ,r Content -Type" content= rr text/html; charset^atf-S" /> 

5 

<title>Untit!ed DocunLent</title> 

6 

</head> 

7 

S 

<hody> 

9 

10 

<?php echo ^— j ,y_j 1 jj_ 51 Lp j_s dL_i Lp-jJ 1 J ?> 

11 

</body> 

12 

</html> 


: 4a gyjUj PHP-ii iJ Jji J^3U U-S *y&\ £*312 U£ 
<^1 uijj*j flfrfllmVI 4-4^-J ja-ufl^l 4-4^ l_u£j <j| ^ ^21 <^1 ^ 4ulp J-4*2l Jjjj Jj£ ^1 1& CjbuiLujI Jji diA <?php 

0-21 ^ -Jj* 2jU- j\ 4-4^ OJ^J tibUI dljj La£ <j^ 

.(.iAtub La£ (—lajj o^2 ^1 j*l U-iiL o^J) (j/au/anti <_y2-aM£- £jj b ^1j*b jflj—12 j-ai ji oJL4 <_y-uiji 4%/n ^1j*) ^y-Iauj echo ’ ’ 

(b5 14^jl 1 4^L2aVb f < ^ r ui iilb V IgJjijj Ida. 4 4 $ 4 ^yA j 04 V) f 1^221 ^^Jju j 42aijlb 4luali • 

,b2ajj 4^-4 ^ j ^ o^' *4^ cr"2 J 4^£te ?> 


4j£ (webl) «^ 2 Loi (Your Projects) ^aj (http://localhost) jba ^5 JaiaJb ^ji ^ jL jjiil Ja*j li-S ^! 4 % wal l iAui 

: 4Jbil S^ La£ 4aOnij j^Jaluij (index.php) 4% Watt SjJub-4 Ul ^\kua -ila-bl lai^i ,4 j£ J-4jjj ujjj 2| 4^iua 


uyl 


li Jlc 


^ ■ iJI 


^ Alj 
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(PHP Basics) ^ iLil j Jl dlt uLj 


c_, PHP »q< 

J £)\A*2i\\ <jVl ^jIj j (CSS)-^ J)j**Vy jij-Jl J-aP Aaib£ HaIxj Ujj£ $Jjj 1 a S jj-« <^Aj (html) O^ 3 (si JljSI (jjfA-uaj <jVI 

#Lr biij ^jiru*i (j* ajA uiC'iiiii (php)J) 

:Short-Tags (PHP)-^ 

A*aI*J1 4Za jluz jl ^bdi AiSojj j (jj ^jA\ Jji J-aju Ha 2 jjjLuJI j 


<?php 


?> 


La£ jA j viliil a Jj£ <jVI ILil (jjLudu Sjj^all ^jk La£ (<?php) A-aMs- j ^IgJluul A»a^ j£ Jxj (php) l-jlIa <j£LS 

•Auiuii c>jj^i\ ^jk 


<? echo 1 


Jl ^.jiJi 


£LJ 


; ?> 


V ( Jsx4 £l UIp j^AaI ) jjill JjjS ^ (wamp server) cjbljc-l ^ ^-a Jjj*j ^Ua ^ <> (php) 

CjjjiaaJl (jA JjJ j^j^Jb (j^aLaJi php.ini <-*!* (jk JjJju <j-* JjV S. 111 ljjjIjVI A-aUJ1 j^I^aII JjSJb lJjasu V jl 

jAalUll 

jLuaj) jLuJi La£ jbl^Vlj Sjj-uJl La£ Ajjjbl { J&> q *jLJb jaLuall 


1 


FI Version ► 

FI PHP settings ► 

O PHP extensions ► 


PHP error log 


■ 


r 


(^>JQjJ|) AtijLnJI 



Powered by Alter Way 


Q Localhost 

M 

1 phpMyAdmin 

N 

|r~^ www directory 

pe 

|Q Apache ► 

S 

n php ► | 

Cfi 

Cl MySQL ► 


Debug 

£ 

*• '1 webGrind 

Quick Admin 

< 

Start All Sen/ices 

i 

Stop All Sen/ices 

Restart All Services 


Put Online 



•AJUl $jj-ua]i j^Jalujj d^£-l djj^l La£ u&Ul laaLuaj 
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^ A 



4»a1£ l_u£1 La£ SjJt-ua SiaU j^Jaluu uilaJl i_l^j j (Ctrl+f) iaUal (php.illi) J^b la^Mj La£ 

.(Off) 0* (On) ^ O 4 ^ jjkuJI JS J^2 (short) 

JjSJj La£ <La^£' ixj (php) oj-if Ajjaj a^lc-i aII Jj£J| AjU£j 


11 


<?php print p ^ ,^-jl ^ _ 5! ^JLe £Lj 

<? echo w <br> n ; ?> 

<? echo "SHORT CODE ITS WORKING " ; ?> 



?> 


4%/n^l (jj£luij jj^ollLa Jj£ ULual ^ ^ jIxuJl la^^j La£ 


o-J J^ 1 ^ ^ (jj 4? Ik>* 
SHORT CODE ITS WORKING 


•( " ") J* 0 ’) Jj V : 
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l£) >q^9 >ae friu cwuhl 


•JUII JjlJl ^ U£ lg-uaxj £4 Jlj^Sfl ^-4-2 Jja A-alc- Sjj-ufl lift j A^L^ll (jail Jljlj 3 <jjjj| ^jj| uftla ^ l **^ 


< ! DDCTYPE html PUBLIC "-//W3C//DTD XHTML L.Q Transitional//EN" "http ://www. w3 . org/TK/xhtml1/DTD/xhtml1-transit iomal. dtd rr > 
<h t ml xmlns= "http://www.w3.org/1939/xhtml" > 

<head> 

<meta http-equiv^ Content-Type" content=" text/html; charset=utf-8" /> 

<title x ?php echo 1 ^ <_ \j j ~ < w i j-i! b jjo 1 ; ?x/title> 

</head> 

<body> 

<?php £date=' 17-2-2014’;?> 

<p> Today's date is <? echo gdate; 7> 

</body> 

</html> 


UiJalj (php) J-43U Ua 2 A jla-ull .(html) (j- 4 -^ 3 Lsi AL^jjIjj (j^l A^Lua3l <j |jlxl o jlouJi lliual uLl la^V 

lift .f< a5 *ui jl Ao2 <jjiu Sj£ll]| ylfLa 7)C> Sjbc- All L&1& ^ll^V AaIxIIui) jjxla Ajauhj lift ^uil jl LailP jVj^l 4-4^£- liftj ($dcite) 

#( jjjL4 jcjjb Aj 2 U> jl Uaula jj jj*1 4 lHuai 


(J4j| ^b J^j (ilil ixj (jft ^jJl ^jjb jjalaJVb ^aj U] £j^J) bjoasu allsLaj la^il bx£ html <jjbl lla^J H jla-ull ^ 

:^UII£ Aaualll £j£1uu j .IxJa ^jjlUl jftj Aa2 (jjjiba jft b» jl juilbl ^ I 4 ^Ij^b 


Today's date is 17-2-2014 



j^Uil JjSlI La£j ( /* #### */ ) S jLAn ^Vuai <j4j| <^1 l )^*- 4 J-a*I 


10 

11 


<?php Sdate=* 17-2-2014' ; /* J-Ulju; Ul* */ ?> 
<p> Today's date is <? echo $date; ?> 
</body> 

</htmi^ 


>(b 5 IHjjJ| (j^lib ^Jolxlll < ^ 44 ^lc- (jjajJs dllibai A jlauj pistil I laA^H La£ 
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\ * * 


PHP^cjLiLlJI^I 

{ J&- MS UjjP j j 4-jjJoaJjj AjjUJ) L^p)jjL l^i* # UjIj£I ^ui ^ a JaUjj cbbbJl jj) (j-4 JjJxJI dUA 

:d^ 

(Boolean) ajl^uaII f Lll 

<j-a M-iJ ji-uaJl lHi*j La£ tV (False) j ^ju (True) J <ja1<u 2 igJj AJLi^Jl JIaj U& a^aLIaJI ^^ < 

.(True) c> fSAj (False) 

:Jll» 


If A>5 True 

Then print 1 its larger '; 

Else print 1 its smaller or equal'; 


(ja£I AJj) AIa^ Uj 0 £}* jaSI A ^ lM 4-^ 

.(VB) A*^ JIa SjilSj ^ CjlxJ ^ ^,lVu+n La b3lP j <Ujjjj£WI 


(jk jLUil ^jJuj ^ jab * A \\ JjA bu u\ ^|,V\ual JLauoj Jlla ia^M 
jSIjaJI A^ajj SjilSj ^,lVu+n V c (^ jLuu jj jLuai AJI) AAaa ^Jla 


(integers) aaaaa ^ II AlAcSlI jAJLi 

.(t y r) < (^ rrr) ji» v^i jijc.vi j) jijcvi 

: (Float)-!' ^ 

.Ajjiiii cjiituLAii ljLu^ ^.iVu+rij j-uaijij jjxaS <jj*z jjjpMij ^ 

: (string) Ai^AJI ^ 

.( @$FFRRsa )‘ (PHP is great programing language) .^jVI jl <> aAAaj ^jS 

: ^ o-jI ^ ^ Jli* 

$name=’ Yusuf f ; 
echo $name; 

1 A-Ajlij UjUspL >»l JM^ c> b^ ^axjj (string) <> bA (Yusuf) ^ ^bfl bjlj ($name) b 2 jP Ja^Mj US 

juilaJl 
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(Compound Data Types) £iLLull 


> * \ 


# ^l j jjL£ ji jUaj ^2 ,jj3L4 £jj ,j-<i CaULj ^xsaj ^JaluC CaULnll l_u£jj JVa 

(Arrays) /~*i4^4,^ n il 

(jaJLA Aj Ai jL*oa!\ q jua j^alc- j£j cSj.li-4 AJlajlaj t^ull £j^jllJ L^jjjjjj l£u2 ^juj £jJ £>* J-^l^ A y <^5 CaliijaLua^xll 

:d]j JlLa I^JIC j c-a^HxCl j-uAaxll Jj-aj Aj^l^ U^J Aj jj jill ^jIJLaI! jA j ^HLaJl ^a. ujj jCjj-<C 

$Province [0] = "0^" ; 

$Province [1] = "fl*W ; 

$Province [2] = "S^l" ; 

•AjI^J VI-4 ^l jjL-a ^4 A-a2j-4 Ai aU dAA j (Province) 1$ Ami Ai jk^A J-4JU Ha 2 a^lc-l JtlaJ! 

^ij jjj*j 1 ! ^la liiAj ( l^-ai c^jj * ^Sj j\ ^UIaII j 3 Province Aiji*-a^l ) ^Ull* aj^uij qIaj Province[0] J^l ^ 

.U!jja- 4J Cali jA^aII 

(Variables) 

jJuLCl uLjxj (jLajj .djjP j! (j^aj j! ^3j CajlC f Ij^ua A u» 4 Aju2 dj£lill <jlC-4 <j£- djbP jjxIaIIj ($) jVj.ll! <La^Uj IajIj CaljjxlC! i-Lu 

J AJI 4 ! ^ual jL 

$name =' Yusuf 1 
$color = ’ Red ’ 

$salary= f 2000 ’ 

.jjxlCj dCajj L 4 ^Caj jJu-4 AjL jSjjjII SjLuil jVj.ll! Ajj!^ AJj2j ^ua! jj*I 4 J^aau ^jj&j JllC! ^i La£ 

.( A-4lC- Ca! jJlL4J — AjV\ 4 Ca! jjaIa) (j^aC- jj Calj^LLC! ; CaljuxlC! jji 

^ (illi£ dlai±a ^laj AI 4 IC A^iuall ^i A_^HaJ jjxIaI! LaU^ij ojj£j Caljjxla uLajsul ^Ic- jLuu Ajj4jJI j! Ajjjjj^IV! jSlj^l! (j^aau ^i buL 

Sj^ 4 Aijlajl j! A \\%4 AjjJ^ ^i l^ 1 * 1 % 1 CaljjxlC! (jtexj 1 (Global variable) J-^l^l! j! ^Ui! jjxIaIL jJLLC! ^a, uC A^i^l! ^i jimu j! 

.(local variables) jJlLxIL Ua jJlIaII ^u-Cj jJCaII uLajad! ^IckluaV ^jlkj Igiij*J (illil 
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(Expressions) 


> * t 


UA aiaulunj # 4 ^a jJl ^jk CjIjjjsuj Jjjj La (j& jjjs bH 4jbj]a <^a JjVJ ^jjla j^i J-a*J jSj-uJi jj A^i-uall 4o^,jo] 4-a^AjJl joasull ^.bbub 

# 4ouabj]|j AjlklAll bjjjj nnll ljLluiLuiI <j*aju 

: (operands) b£U*^t 

AjLIa Ui (y) j (x) jt (o-a) J (ch) LHJ^I ^ bbJabjJl ^ 1$-a1xj 4ijj*-A ji 4ijj*-A ^ jl LjMk±A <jP ^ 

<jHj CjIjJlLa ^A .Lid jjjSoiij Cjblu^i] l^A^klubj J^ui Luajj bu^. a Ha|,V\ual <j£3 j JLuJI jl ^jjlaJI clu^ qa 

.(operand) ja<un 4 n* A 4 a$ a\ IfrAbSj 4 a\W t^jjb^j bbabj I^aI^IuuI Jl1c< 

: 4-Ha! 

$a++; // $a is the operand 

$sum = $vall + val2; // $sum, $vall and $val2 are operands 

UJ^i ^ 4-a^-aj jUjib LaA!^£ $vall J $sum bbjj t $a+l cijLuiJ Uajj JJJ*J jAj jliLu dJbj f jib jj*Ia $a++ JjVI jla^l ^ 

.Sdjliil (jA^j Uj dJi^A ^lij! ^I^VuaI 

: (operators) 

:JaIjxJI ciJ 2 ^ Jj-^j .Uj^j Jl* (action) f J& 4jJabj ljIjjjaj ^ 
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Operator 

Associativity 

Purpose 

new 

NA 

Object instantiation 

<) 

NA 

Expression subgrouping 

[ i 

Right 

Index enclosure 

I * ++ - 

Right 

Boolean NOT, bitwise NOT, increment, decrement 

@ 

Right 

Error suppression 

/ * % 

Left 

Division, multiplication, modulus 

+ - . 

Left 

Addition, subtraction, concatenation 

<< >> 

Left 

Shift left, shift right (bitwise) 

<<=>>= 

NA 

Less than, less than or equal to, greater than, greater than or equal to 

11 

11 

11 

11 

11 

11 

A 

V 

NA 

Is equal to, is not equal to, is identical to, is not equal to 

& * | 

Left 

Bitwise AND, bitwise XOR, bitwise OR 

aa || 

Left 

Boolean AND, Boolean OR 

?: 

Right 

Ternary operator 

- 11 

11 

> II 

II 

* 

A II 

A 

It 

III! 

V 

V ■ 

It 11 

%=&= Right 

Assignment operators 

APd XOR OR 

Left 

Boolean AND, Boolean XOR, Boolean OR 

jp 

Left 

Expression separation 


(j) ^aIIj (AND) jujju jA La l^ia j <Ludu£]|j ^jlallj ^xaJl Jja l$i jxj La l^ia Sjjj£ JaIjC- j j^j d^j Jj-ixJl Jx^Mj La£ 

.CjUjllA]j ^ U$ a ^Vuaj (ji) cr^J (OR) 

(Assignment Operators) (^jLaaliJf 9! JaI^c 

Ja£- Ujjl jl cSj-uaiiLaJl jIIujVI jl (jjUJLill JaI jxj Luajj uflJXJ j (jjxa jjxjaJ CjULj j| AajS Jliuub ^j^j ^a]| JaI jxSI IgA .IusAjj JliuiVI JaI jC- 

jIjIaj J^JUa^I ^ji dJjxjaII AajaII Jjjj oi gAbjJl Uja! UA ($a + = 7 ) J& J a jjjxj dUA V (jSolj (jaXA ^aij AiLialj jlaUjoI] jaI 

.V 

:dbj£j jiil JUaI] AjLaa Jji^ UAj 
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Example 

Label 

Outcome 

$a = 5 

Assignment 

$a equals S 

$a += 5 

Addition-assignment 

$a equals $a plus 5 

$a *= 5 

M ultip licat ion- assign ment 

$a equals $a multiplied by 5 

$a /= 5 

Division-assignment 

$a equals $a divided by 5 

$a .= 5 

Cone atenat ion - assignment 

$a equals $a concatenated with 5 


(Logical Operators) cU ahirjijjQitsdi 

jjJ c-jlIjj La JS AjSIalall J-aljxil A^jLuLa ^Aj Aj^Jalall J-aljaJi LusjI ^auL ,m lift (djjLu^j Aj-uabjJ) J-ajjxij ^ic> L&jLui USjju 

*Lll j ^Ic- Jlla .Cjljuilaii ^j£] US j Cjlai^a j-ai jj Jaiaj ^ CjIjIjA]) JLLjI LoPJjj (php)Jj CjUbulaj jual 

If 7>X AND 7>F ECHO 7 is Larger 

V SjUp £ jL\ wil <j-a ja£| Aju-uj j V ^ jj£) £l£ ) 3 i) UjU£ JIIaJI £>Lajj (j) (AND) Uft Ajlklaij J-a|j*Jl JL^i 

;4 jqfrauti J-aljxll Cjljjjauil <jiajju Jji^ lift j J^ui Ajlklaij J-alj*JLt jojjuj huu\ Jlla LjAftLui Lo£j.(jj£VI 


Example 

Label 

Outcome 

$a && $b 

AND 

True if both $a and $b are tme 

$a AND $b 

AND 

True if both $a and $b are true 

$a 1 1 $b 

OR 

True if either $a or $b is true 

$a OR $b 

OR 

True if either $a or $b is true 

!$a 

NOT 

True if $a is not true 

NOT $a 

NOT 

True if $a is not true 

$a XOR $b 

Exclusive OR 

True if only $a or only $b is tme 
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(Equality Operators) olqLuAJI JaI^c 


.La£jjj j£ 1£13) jLul!j q{\A f \ (j±i AJjlLJi ^Uij Jj±aJ| J La£ SIjLuiaJI JaI j£> 


Example 

Label 

Outcome 

|| 

11 

ra 

+*=t 

Is equal to 

True If $a and $b are equivalent 

$d 1= $b 

Is not equal to 

True if $a is not equal to $b 

*J=t 

II 

11 

II 

ra 

+*=+ 

Is identical to 

True if $a and $b are equivalent and $a and $b have the same type 
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> * n 


(Control Structures) 


Lj jjj£Ujj jl]j clu^ (jA j IoHj j jyula CjLxLuaj *<^ **«**« <^I]j Jjj£VI ^jj A^ajJj dl^iua 

jl£ j 4 J£uoj U^ lft.^%1 u*ij (Control Structures) bA I^jj^uJ a j%A jj jjj£j ji cjbulxl] jjj£Vj 


(Conditional Statements) ia^JI ijlnilVt 


Uftj j^j j^j loijj dllft jj£j JajAU Aji]Lxa]| AJL% J ,jj3L4 J4i Ifilj Ifrbtij lajjJj jjAau Cjj^ qa jjj£^b ^L%Ill lajJu]) CjLuIxj ^-iaLluoj 

•l^-Laj Jaj-ulj CjLuIxj 


The if Statement (if) aa^Jsu 


l A-alxJj l^jjj-uflj AaiajJilj Ajl^ajA j CAajAsuII A^ajalj ljUJ ^5 AjJ^- ujJ Lali^lujj jj£*^j ^A j ( jl£ jlj) IaUjla AjjjaJL 

if (expression) 

{ statement } 

{ jA j-aSH <jb Aj&laJLa (expression) AIa^ <jtl jlj ^lauj (jf) lift dlljLaj .Jaj-ullj (j^aLUj Jjlil ^LalsJl ojj^a3j jj ^l*Jj l-u£jj]) la^^j La£ 
.l^ualui ^I]j ^Si^aSI (jk (ill! <LajlS cA jinlaj ll] 11 j ^ j^* 01 j-alj) c 1 luu]j A-alp Djj-ua olft lx_laj .statement } 

The else Statement (else) 4-aakl 

4o^lI AJL% lift <j£jj .1^-44 (jajuajj jaSM la&jj Jaj-ulj jib (jjjLa Isj-ui J-axj ^ jj&j (if) ^ulxj (jj <jj (jf) A ajbnj A la£j (else) ^ 4jW*i cjf L% 
;<ilb Jllaj .(^Ia jj V)j) Iftlla-aj (jf)-li AAaSa A ajhnlj dlft Cjfl^ dili f jj^j j j iLkjj fli <j]3 JjAaLLa Lj-uJj (j£j ^aJ AJIa 

if (expression) 

(statementl } else (statement2 } 

.(statement2) >*Vj Liiu f£ (else) ^ (statementl) j*Vj ^ (expression) kyd j <jl£ jlj: bj^olj 

(The elseif Statement) bj Vjj A-aAI 

^jIxj j (if) Lj-uli AiUaj ^ j (elseif) ^ j a^L ijJj A 4jUl IL^i lift ±^jj L jJj jjUau U^Jj Ula&V ji j (else)j (if) ll^j 

J-4»J A ajbnlj dift ^.^Vu*n lljb Jj^fj Lj-ulj qajJs jL\ Lj-ui LLii jllj LjJiJj j-ai ^ lII^Jj Lj^ulj jift 1 u/a%°ij jjj *.a laj-uj lijii jll AJL% lift 

: AJl^j ^lall ^llij JlLJj j-dj JjVl LjJalj (j^ula j^j Jaj-uj 

if (expression) 

{ statementl } 
elseif (expression) 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 







> * V 


{ statement2 } 
else { statement3 } 

Uiua t .iilj jxj (statementl) jjili 4 Ja£aj 4Jla, ^ (expression) (if) 4_Ja jJJI 4 a jW'il l ULuai silti Jliidl laaid L«S 

AaJ*j jjijjj (.jSj AiSaj 4jla. ^4 <^31211 Ja>uJl yA jill (expression) tjl Vlj (elseif) J*J jM-dl ^le hjjl 

.(statement3) jd j' A-ukj iiL (else) (statement2) 

(The switch Statement) nnthn 

; AALuu jjjS JJ£ (jAJ 4jjli»i] (switch) JjAjjJI 4 djWl » .." 

switch ($category) 

{ 

case "news": 

echo "<p>What's happening around the world</p>"; 

break; 

case "weather": 

echo "<p>Your weekly forecast</p>"; 

break; 

case "sports": 

echo "<p>Latest sports highlights</p>"; 

break; 

default: 

echo "<p>Welcome to my web site</p>"; 

} 

switch ^(($category) switch Jj¥l jla^l ^ 

UU*-aj break £ * jla^l ^ lb weather U 4JU> ^5 UU*dj case "weather": f jla^ 

# j-ai jl A aaIxj iiLj default J-uaj 4lal£ Jajjblll ^aJ gji wiJxj JjalL jjj .uflSjj 
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> * A 


(Looping Statements) 


•l^-Laj j| j|j£j]| <jau 3 J.43U Calaalxa dJC- tillaAj 






(The while Statement) while g^jJsu 


Ig-La £jjiJ| Lj-uJl liA <ja f l^aaVI <1^J (ja*-a Lj-ui Jjlau ixj jaljl j| CjLuIxj S-1C* aaiaaaj j|j£u]| J^axaj (£j£j la-laC-) 


> (while) 


igj ^uii jj ^ uuiij]j jaaxaiij 


while (expression) 
{ statements } 


jl dbulxail 


(statements) ^ (expression) CxA while-! ^lx!l jsait ^a.5d US 


(The do while Statement) do while a^jJsu 

^J Ljbul i uij jl jalj^l aaiiL do while ^ -iaiua 1\ L QA jftViUa ^jj&j ^jSfl (ji while-^ JaC- o-aia J-axa do while-^' A^uIju 

• JUHI£ A-aUj| l^jjj-uaj CjLuIxaij laiaa Caiualj Jaj-uJl JjJLia £)jj Ca££ jj JajJaJl ^jli jlaaa 


do {statements} 
while (expression); 


Jlaaa jj ^j£j UiaP while ^ cjUaka (statements)-! i^aa]^ c*Aj do j*i tj* do while-! Sjj^I k^a la£ 

.li^Aj do -! 4ilaa AaP jjlj Sja Ljbuka]| J *xl £Ajj V Jjiaa ^ 4JU ^ .(expression) 


(The for Statement) (for) 


aJA^a 4la*j|jj Ulj^ »Jsd jIjSj Jaju UULI 




; ( _ r !UilS <Ul&2l 


for (expressionl; expression2; expression3) 

(statements } 


UJljJt LjJJI expression3j expression2j d/all JajJJI expressionl Cm ^ <“ for 41U j' for US 


.(statements) uUJ*SJl J«& £ 
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(Functions) JfgaJI 


> * 4 


<ilbAj .4 Lat aj SjUxa ^lg_AJ ^ Jkll SjAlaJl Jlji]| CjUa <ja ^a <jaaI 4jlS ^jaaaj jLub 4 ^aja]| <ja-u3 Sjaa£ ^lg-A flaJI ^ Jljiil iC-Luu 

JLuJL Jaju j 4 Lx a ^I^aj ^j£a] 1$ g ^*** Jj jJ 


uLjjlL ^jla 4Jliil diAj 4J|J Jaju ^jljj Afrail ja£ ijaIj ^ILulaII diA Jau] Jlji]| diA laa! sS&xaj Sjj£a ^lg_A v-illalij bb^l jcaIjJIj gSl jaJI 
fl£Jluul Ja££ l^jgrJlii aj 4j|ii| oiA 4^4 Ja£- «ijjj <jI£a <ja lajj 4>ajLua ^ 4Jli]| aiA ^j Igj ^j£1uj ^IS) 4a^aII £a I^j 4u^bbl lj)jjxIaI) 

. jaS n l-iILa LaI£ j| j£VI -IaIxjj Sja j£ ^I^a]| JajlI ^UaJ Vj Ca^aAaJI l^Jasu j 


: Jijdl ^ Jlfb 


^ UUaIxJ La£ (JjjSH <- 


ljIja f l^jjij ^ UUj^Ja ® ^ T © ^ jLujj Y (JjjI o ^11a (<jaLuuVI ^) ^b*r\i 5ib :(pow) 

;4%jnti jlajjj ^ <jaa! <^a]| 4^/a J^jj ^bJl -Sj^l Jasu ^ ,<ja jI«1a]| 


<?php echo pow(5 r 3);?>- 


ja£2 Iaa1& j-uSaLj lg*iAg a ^AIa ufl jjuj 4^ajja SjALa 4JI.J ^a <jaaI <^1 4*1 ^ SJjaja (pow) 4Jj^ .(JaLaI (j\ ^jl&J <ilb ^a uh£ JfLuului buL 
<jaaI ^a]| 4jlL j£|jaJ| 1 WaC> (jk isu LaaS a.^Vuaiuai 4 a$ a JIjJ dbA j Jlji3l Jja Laaajj JIja lift ( Jal£ l^jUaPlj 

#( j^J UIaP ,ja 4jjj JaP 4ijjL ^lj SjAlaJl Jjjil] 4j*uaiL 

Jluijj 4jjj fLuub e U]j 

j^Uij Jj£]j ^ La£ 4Jiii| Jasu ^jllui !^ja ^aa 4a1aP (j£ji j 4ajLua 4a1aju ^j£j 4jjJ fLuub ^jllui 


12 

13 

14 

15 

16 

17 

18 
19 


<? function add(£a f £t) 

{ 

Stotal = + it ; 

echo "Total: $total" ; 

} 

echo add ( 60 r 60 ) ; 

?> 


^aa jj 4iUaj dbsLAj (add) ^j* 5 J-®*^ J-^j j (function) *bb£j Ua£ (<?) s (jAjj ^^Jj 1 W1°i ^ Y jloujj ^ ia^^U La£ 
($a , $b) c>-J^j J^j*^ O^Jj^ 1 1 Vi4 f J ^ (JajI ^ SJj^jaj Sjj^^a 4jjJ V biiui La ^_jA-ujj ^bA j Iua^i 

.4j|il] 1 ^ jht u *i ^lij ^jiijj LjMkiAij JjAIujIuj (JA 4JV 4a^a dJA CjIjjaIaIIj 4lualL 1 a^ u; UluaS j b J a bjjjJuA USjC> 


^ .lAbajP ^^lij Cjj jj*IaJ| (JAJ ^-a^ Jasu Ua£ $b J $a bsj jjaIaJI ^ja^a 4aS j-ualui (jjiij jjsua]) jAj $total J^a Ufl jP ^ t jla-uJj ^ 
{ ) (jjjj^aLaJl ^ ^b 4jji]j ^L^-aj JaP 4-a^-a 4jjiij Ja& { Sj^aLaJb Ullpj $total ^J-^-^j J&J gbb]j ^jj^j 4 j 1 aC» ) 0 jla-uJj 

.u jkuuj )r jkuj 


,4AJAlIj Ja^Vj ^JaL .IgJLAa. la jHaAjj ^jl]j l^J J^ijj add ^j^j ^g^ilub ^ A jlxui 


# lA jaC-j <j*aij-ualljj Ljbbbj i£> jjSj Ljlibib ^j^uaauA jA La L^aa I^aAsu ja£Ij ja£I ^L^a l^J JjjJ dbA bula 
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(Arrays) 


> \ * 


(Arrays) 


j-ualc- j£j -S J-i^a AJbjlaj l$J) £j^jilj lals J^jj jjxIa ^ 1 jjjjjj l£u 3 (Jjjla £jJ £>* j^abc- ^ 1 $ aJaJL «* LLL-u Ubj£j La£ Cjli 

Jlla IgJiSj c-j^iSxail J-uaj AJ^Iai <j-aj Aj jj jil ^jlLaJl ^*3j jA j ^ULall ^-a-uuj jJujj£ (jjJLa ^3 j AJ 43ijjLua-aJi <j-a.ua 


$Province [0] = "0^" ; 
$Province [1] = "*UW ; 
$Province [2] = "SJ^il" ; 


jAjI^j ^La ^i| jiua A-A3j*a Ai jAua^jj aJAj (Province) ^ AijL^a J-asu Had d!^l Jllail qa 

jjj*jil ^ iJ^fcj ( 0^ ^ ^ j^j^il jl £bi*il ji Province Ai ji^ai I ) ^ llit£ j ^Iaj Province[0] J^l 

.Uljlxaj CjlijWiall 

(creating arrays) f 

•^U]j J jS> 1\ ^i La£ Ai jL^a!\ (jA.ua CjbLnil Jl^Jlj Jaouj uLjju AJbjla ^ ^ j AjLjliijLuoail f Luul UILaj 


13 


itooks = array 


( p bookl p f p book2 p r p book3 p ) ; 


j-uaU*Jl Jt^Jl p*\u m ^1 I qjI j3^l J-asu Had ^ AjjIj A»ai£ ^A buL (array) Ai^uoa Aj bjiuii $book ua^ijj jjila U3j£> La£ 

AijjL AjI Jail ^ UUa J-UI ^1 j AijjL dJA .AJajllaJl Aluatiib Jjiil bllc-l ( ? booklVbook2Vbook3 f ) fA J l^i^lJ Ai jijfl-aib A^alaJl 

.Liaai 

43ijL^ail j^alic- ^Ij^l 
: ^Uil Jjiil <^3 La£ l^iaj Ai^iua-ail j^aUc- ^Ij^f Jjjla dbA 


15 

echo 

16 

echo 

17 

echo 

IS 

echo 

19 

echo 


Sbooks [0] ; 
p <br> p ; 
Sbooks [1] ; 
p <br> p ; 
Sbooks [2 ] ; 


ljjHiI ^ JjJ^ jJawj ULaP ^ 1 jkuJl ^ij $books AijAua-ail ^3 Jj^j*aij * (jlLail ^3 ^Ij^L j^aj J^ju Ila3 ^ 0 jiauu ^3 La£ 

£>A JA J^^g> ^ * * LLji ^1 llua jj3| ji ,|JiAj $books Ai jlua-ai! ^ ^ ^3j £l£-ai| ^ ^1 j^b j-al ) V jliui 1^-umu j-a j^Usiil 

(for looping ) ^iJ^luib jl j£j A aW jAj Uuaa dLLaixj La-aj |Ja J^-uu j^I ^b UA Jii ^1 j^j jliuu J-asu ^jl JjAa-ail 
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Aj£l\ (jk La£ Abl£ j^aUaJj j^jj \ * * ^1 * £)a 


\ \ \ 


13 

14 

15 

16 

17 

18 

19 

20 


£fcook s = array [ p bookl 1 , p book2 p , p book3 p ) ; 

for ( =x=0; =x<=2 ; £-x++) { 
echo £baoks[$x]; 
echo p <br>' ; 

> 

?> 


jjilbl ^ lA j Aiji^b) J-oau Ha£ LLL-u Uj£3 La£ ^ V* jla-uJl ^ .AbajbJl jijSbi CjIjJI A^j liaAkluil Ja^d La£j JjjLuJI J j$1\ ^5 

blA UJA^j JaJI AjI^j jAj JjSfl iajjbi fkjJ (for) bb£ ^ 0 ^ $books 

j^aUxil Y (jjL uu jl jiLufl! ^-Luaj <jj U-SA^j AiiHijj AxJl Aa jl ^11 jA j ^Jbil Lj-uJI $x=0 j^lLJIj jiuall Sajj IaIjI^q 

^ Y ^ LLb 

# 6j-a j£ (jk A^lj Jbjj jjLubl qa Aj|«b Aijiuabil ^ j^Usdi jjj-bl AiHj j£ ^5 A^jj jIjIaj $x JUjj <jS Uja^ dJbil LjbJl 

cs& * ^jLb AjI^II ^ $x M 3 t $x fSj Ai jL^aII $book jj*^1 (j* I cr«^j echo $books[$x]; bm£ ^ ^ JmA\ ^ 

.Aiji-^bl (jk ls 4 2 ’) j^W (for)-^ ^jSn AJ^j-bl 

^ ^J <jLLbl j</8itti g\ jaL (for)-ll ^ jj9u 2 A^jj ^jLuoj $x-^ A-ajS £j*bj jiuaH AiUa) A^jj j)A1aj $xbl ^Ujj Abloll SjiaaJl 

.AflijLua^l 

,$book jjsuaII <^i Aiijimbl ^5 Y (jlLb) j^b (for)-^ ^Y AbuS ^ u^aj 0 ! A^jj $x-^^ Aalloli Al^ ,ja!\ 

x<=2 ^ j-u^l J-<a V $xbl A-ajS <_jA r (jV J-asbl L-flljjb forb! V (JJ tub ^ ji JAaj $xbl -ibjJj Aaul j]j Ai^ ja!) 

AjA^ jIxui J-43U ^jj&j fopJl (j^ U^jAjj ) V jixuJj (jjj^A j£Aj IjuL # l^-La fopJl Au Lb JllLj forb) L-flS 

j^UilS AabUIl (jjilujj Al^j-4 j£ ^i 

bookl 

boolc2 

bookj 
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(HTML Forms) JLijlJl £JLu 


> \ t 


jc-IjS ji jaj^l html-^j csi <j^ ^ LjUA^a ^ cjULnii jjj^uj ^ j£j ^\ 4^1^11 cjljjVI <> :(HTML Forms)-^ ji JIajVI £^-aj 

t J- lg_La .iiils*J ^SJ jriLaili Ua JjLuiuij cjjjLaJl ji LjULnil JLkjj .lie- l-ljjIjVI ja )ja ^ 1$4±kl <** <^1 a 3 a bu^a* uAjjuj .cjULnil 

•^JUll£ ^3 jaUI ji AaUJ) fijj-ualjj # 4ak-lia]j AjlUI jjjLujI ^jaj) ^a]j tljli-1-iiaj 


<form> 
input elements 
</form> 

jla-uJl bll3 Uj jj jblk) jj j^aj £j£j ^ajj JIaJVI £jj l>^ C 5^"^ jlxuill -Jj£ 1 i Vft JjVI jla-uJl Ja^Mj L*£ 

.^jjill UilPl &]£]) 

(Text Fields) 


fjj&\ J^b AaUJI L^jjj-uaj JaajVI t jjjaII ljLaI£; f IaujSH Jja CjUUJj j^alll Jjla. 

<input type="text M > 


4 \ ji ^-uul £j£jau cr^J text Jll^l ^ Ua JUjVI £jj Ai&L (jaj £jjJI type j 


Sbi lj>4 jj dLju» input 


:^U]j JIjaJI ^ U£j Text Field Jj^ 4iljjjj ^ jja ftUuL ^Sn ^ jiL- 


n 

12 

13 

14 


<f orm> 

Name :<lnput type= rr text rT name^ first name" /> <br /> 
Last Name :<input type =rr text " r.ane= rr la3ttair.e rr /> 

</f orm> 


JlaJi Jaju UU dUaujj Name : (J^ Ujj£ ^ t jia*Ul ^ t ^tjj£i ^j \ \ jlauJl (jh JjjLuJI JllUl jj JjSJj ^ Jaa^lj La£ 

UiUa) ,(j4 aj ^^jxj text J type 4 u^l^ l £a type="text” 4^ JJ USjC' ^j input ^ ( < />) crb»^ blu£j (jjaliJI 
4_yAj Cjl^-lja jjJ (JA firstname LLa^ UAj JjiaJj jjj Jjjjuli JCajjaI] 4a^-a Sjja JiaJj ^i\ uu J*a] 4auaLk name-^' 4auaLk 

.jLaJVl bUlC'i ^j (JlaJj ^uub ^jaH£ Jjjj La£ AjauJ Ua Ajauu 

1 flfci fijjjj jiil ^ujVI 4J UiJaj j^aj 4Jj { Js* 4^jj U£jPj Last Name: bLu£ aIjLuJI 4jUtti jjoij ^ V* jlauJl ^ 

jaiaJlj Jjjjlaall Jau AajHII jj£1ujj .Allsuj \ t jlauJl AjI^aI J^aj UA j # JlaJl 


Name : 

Last Name : 


4 aI£ dUA j (email) ^jjjI) dUA j JIaaII ^ Ia£ (text) J^bdi dll^a 4 _uaHLi JjlaJJ ^IjjI dUA buL : JjiaJl & Ijj! 

j^Jaj ^ nl^ jjjaII 4 aI£ Uajj .JjLala jj ^Jala jLuu AiaJj jUl JjajVI blla JjAj V jSIjaII ji UUaj Jaa^lj bHH .(password) JJJ-* 

. Jji]| laa^j text Sjj£ 1 a]| ^IjjVI 4 -jJ^b ^ .uijaV) 
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(Radio)JI )l))f 


: t»U!l (Radio Buttons) JUjVI £1^1 <> 


cinput type="radio"> 


; JjSJI jiilaj JAlw Jx>\j jSj CiljUa. Jls CiljLiil (jJJ (jrf jLjiiU 


17 

IS 

19 

20 
21 


<form> 

Sex: 

<input rype=" radio" najne="sex" value="riLaie">Male 
Cinput type= "radio rr name= rr 3ex rr value="f eir.ale"> Female 
</form> 


jljjVI cjULj jj-uu u ^ ^ A jJa-uilU ^jjill ) V jka ^ radio button-^W ^jjill J-*^ ^ Jjill 

(value) ^aSH radio ^ <input jtjj' ^ ^ ^ £jlil j\ (sex) LLS£j 

S .Jil jA £lid! (jj^u*i kl£ UA Lai (value) ^ aylll jA JiaJl ^ 4 n^u*i ^ill ^jSf ?l3lal. Ifrluaj jal lb ^saliJj JlaJl ^ 

A4j^lj JljVu aiL CjULnil S-iC-li! ^j£j Aalp jLn^Vl AJIa A-u*Aj jjll ^ j£j ^iauj (male) <_£ Aaftl) llA £-ual£ Aaftl) 

.Male > jUlil {gte u^j Liu£ jAVI ^ .JjSfl jjll . j£iil (value) 

: S^ Lo£ jLiill j%-ut. Y ^ jka ^ ^jjill Ui&i t(female) 4-«j£ ub^l g-* JjSn jL^JI SY * jkuJI ^ 


Sex: * Male Female 


(Checkboxes)JI £>\)L± 


•A^jUJI L^jjj^aj A^HaII ljIjLAJI jA jbl^Vl jj jbi^Vb ^lamj 


<input type=" checkbox'^ 

AAluij Jjj^oi jAj 1^-IaP A j4j^ Jj^ LaA Jlla LLaIj AJCliLdjIx^ Ikl jj CjULajIuiI J^*J (checkbox) ^Aljl^ 

:^U1| Jjill ^ La£j ^1a Cj^lualj^il 


23 

<f orin> 

2A 

Transport: 

25 

<input type= "checkbox" 

26 

cinput type= "checkbox" 

27 

</form> 


n ame= " che c kt o x ,r 


n ane= w che c kh o x Fr 


value= "car" /> Ca r 
va lu e= "b i ke " / >B i ke 


Lm£j LjjjblkVl (ja lj jllxJl SjLui^U j Jlc- (j^aj LLu£ Y i jIxuJI Uj^j Y V* jIxuJI AljLuull jljjVlj CjjjjSfl J*o& Aali <jaiL 

U^jajj Ua Aauil! £ (checkbox) LjjjUklj JaP Ul^j Y o jk^j ^5 .cj^Lalja AJaajj cr^J (transport) 

JjSH Aljjk (jaiL ^lalj jlaklj JaP ^ Y1 jkuJl .SjLuall jUaJl ^jb <j^aj LLu£ dJauj jUHVl Ullc-i SjLluu (car) Aaulll 
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1 \ i 


Ci \jUaJI jLw ji jUaJj SjLui^U Bike f-^Vb LAb*-p)j *jb£J) taifei A^ljA 4 a) jj (bike)cfA 4 aja]| cJ^HkL 


:^U]l£ 


Transport: Car Bike 


(Submit Button) JLujiJI)) 


j) uaj j) Cj)jLa j) JjIa f )>uu JIaJ) cbljJ) ^jjAJ) J-a-ua Jjaj-a jjJ) Jj£jj JbuujV) jj J^j^a JP (j^\ bAjbJ) Jtuijb ^j£j 

;CdUJ) 4jjj-uaj # lA jjP 


<input type="submit”> 

4j)^j ^ jJuSVl <-a1a CjIjLuaVI j) Jji^) bjbbj JL-ujj ^jLd (submit) JbajJ jjl\ iaLua]) «J*j JLdujVI 

•^Ul) JjSj) La£j (4u]| JjjkH 


31 

32 

33 

34 


<forni name= "input fr action= " f orm_action.php" method =rr get rr > 
User name: <input t]/pe="text " name =FT user"> 

<input tYpe=" submit" value= "Submit "> 

</f orin> 


cjULni) JLllutL ^jilui jil\ 4ajLaI) j^aj < ^i])j action 4 j^l % inputs 4 jauu ^ r) jiauJI ^ 1 a^c-i ^j^il) J^Ia j* 

.(UaV I 4 J jjkU^i) cjULj ikL ^5114J)iI) method ^ali* form_action.php j 

(submit) VV* jk*J) ^5 J^*-* q^I JSaII Ja*j Uta ^ User name < 5 ^ ^ ^ ^ ^ 

bx£ b££) ^ jj ^jxlb Ujjj*j Laj) (submit) bbiAj 4Lu&Jt (submit)^ bbiA 


User name: 


Submit 


|3) 4jjjIajV) 4jLlibj ^jjC- Jl£ )J) 4 jjj*JI 4jLUbj jtJluAbJl ^ UfLuuj ^JbjLajji JLuu jjI] value-^ *bb£ 4 JIa ^ ; 4iaA^U 

( 4^Ja1uuj ^ii) ^iual^) 4jD lua liiAj ^jJaj) Jl£ 


(drop-down list) xi.\444« a ii x A ^iail 


4-aUJ) Sjj-ua])j jj^ilAi) 4-btii) Jjj J-a jIjjaV) ^JAlua^II 4alpli^| CjIaL^) ^ 4~olgJ) lj)jjS?) qa 


<select> 

<option value=' 1 yemen' 1 >Yemen</option> 
</select> 
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> ^ 0 


jUki! J^ju Ua£ Ufe <option> A ^Vuaia^ j^ialuu <^1 j-uaU*Jl Ailuab iJhj <selcct>-^W Jj£ll A-alsJl Sjjj^I I La£ 

f dVua a U o-alll l m£ ‘Option-^ <jp&! ^ ^ <option>^ Ai^bJt Jp&j (yemen) AajaJ) 

^ La£j .select-^ c5^ Jo*A\ ^ option-^ jj^ ^! 6 option-^ \j&&\ £ j$ial^ (Yemen) 

:^l jjSlj 


37 

33 

39 

40 

41 

42 

43 

44 


<form> 

<aelect> 

<option value= rr aden Fr >Aden</option> 

<option value="3 anaa rr > Sana 1 a< / op11 on> 
coption value= w ibb">Ibb</ optlon> 

< op t i on va lu e= ri ir.a hwl t ri >Mahwi t< / op t i on > 
</3elect> 

</form> 


Jll\ qa j-ualll j option CP U1a& <select> AXluilall A a iUII J*aau UlAj ^iAj Uta ja^^j L&£ 

<jp£i ^ </select> aJ^IaII <LajUJI <jp&) ^5. gA^^alal! 

:^UJt£ a_ajLA]| JUj fajfLuM 


Aden T 


Aden 


Sana'a 

Ibb 

M a h wit 


(text area) nAhto 


Aj text area-J <-iuiUaII JAaJI ^ jjalaull Mia cjUjbnM Jl® ^ AJjia-JI (j-<aj-uali] textarea-^ ^ ■ 




<textarea rows=".." cols= ,f .. M > 


:^l^l Jjill ^ La£j .SiapVI cr^j cols fSj ^ (jjjxa] ^j rows ^ <textarea AA A-4l*il la^^j U£ 


47 

43 


<form> 
<textarea 


row3= rr 5 fr 


col3= rT 40 ,r > 


4 9 

50 

51 


' i a ^oJl _J | j_iuL 

</textarea> 
</f oimi> 


l 


a^ula^ (rows=" 5 M ) ufljluall (jjjxj ^jj textarea-^W t A jJiui J-asu t V jla^l aMc-i jj£Jl La£ 

jia^uJj cI^jUSv AJi^^Ia£ UIaP i A jJiuJl ^ ( AJjU]j Ullpjj (cols=" 40 ") biajj d-LoC-^I Aj^uaLa. UIaP lJ jL-a 

•ljy^l\ ^ La£ AiLuu bilpj © > textarea-^' ° * 
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> u 


!_JLjs ^paJ_ " I I 




$_GET 9 $_POST alia 


$_get aib 


LjULnij Jlj 4ui£ JlLa LuSj CjjjJxUj jaC- Cjlataall Jblluul Jjajla 4 J.J^-uj J£a <_$^1) AjlIuS CjUUJI jajaul 4JW) DiA ^^Lluu 

<jaaj l^uoa Jjjil) j jajaull ixj 4_aAuall Jaalj SjAtla <^j£a A^iual IgJlaa <^11) LjlaLnll <ji IaIc- Ljtataall &lgJ $ GET JlaSlual j 

.$_POST 


4Jb ^ j^S Cjlataall oi& 4 a ja liAj ^jjlilVI iajallj ^<u£U JIa <_$ ju^j lgu2 4 aLu 3 C-iULal jjjaj Jaju ^jlluu 

. 4a]U]j 4jLjjalb (jjSluij ^.IaLuiaI] Ig-uajJUj Cjbball &i& Jlalub $ GET 


4_i Jjillj jLj j-aUjj ^ welcomel.php 6^J 4_ai^a Ja*j ^jiaj ji get wwwJ <J^ 


■i)%4 Lulu 






1 

2 

3 

4 

5 
€ 
7 
S 
9 

10 

11 

12 

13 

14 


< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http : //www. w3 . org/TR/xiitmll/ETD/xiitmll-transitional. dtd rr > 
<h tml xmlns= "ht tp : / /www .w3.org/1999 /xhtml" > 

<head> 

<meta http-equiv=" Content-Type" content=" text/html; chaxset=utf-8" /> 

<title>WELCOME l</title> 

</head> 

<form action= "welcome .php" method="get "> 

Name: <input type="text r ' name= "name "><br> 

E-mail: <input type="text" name= "email "><br> 

<input type= "submit "> 

</form> 

<body> 

</body> 

</html> 


&!aj1 V jiaui action ia^^j <ji UA all j ULu dll&l&a La£ ^ajji la^la La£j wdcomcl.php 4jlL-^ ^ JjSJl life 

4Jb jj 4JbjIa Ub-A 4ibjiall (ilia calka 4_i^LUl olAj method 4Ajj]alj laJA^c welcome.php 4_^£«ua LuA-ilujj Cjbball jajAa 

name b^t^l 1 A $la Jil UIxa <ja]iai] nameJl il^^a <j| ^u» tuaalj clg-bju ^jilui <_yA j .Ja^^la La£ $_GET 

;Sjj-uali ^ La£ Jjiaalj JiaC- K^i ,l^a3 Iv^b ^llj dlaUali c)J^ dljaxlail AJujla ^jjlLL ^^laauj email 



Jjilj U£ j $ GET (JjLlui j get AjhLutll 4^iuall c-ialaj Uaaj welcome.php 4aa^i 4^iual! J^su ^ jla ; loala 
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1 

2 

3 

4 

5 

6 

7 

8 
9 


< ! DDCTYPE h tml PDBLIC " - //W3C/ / DTD XHTML 1. 0 T ransitional/ /EN rr "ht tp : //www . w3 . o rg/TR/xhtml 1 / DTD/xhtml 1 -1railsitional. d t d " > 
<html xmlns= rr http: //www. w3 . q r g/1999 /xhtml ”> 

<head> 

<meta http-equi'’^" Content-Type" content="text/htmil; charset=utf-8" /> 

<title>welcome</title> 

</head> 

Welcome <?php echo $_GET ["name" J ; ?>-<br> 

Your email address is: <?php echo $_GET I "email" 1 ; ?> 

<body> 

</body> 

</html> 


JjVI JiaJb j name-^' Jib La jlba^l UoDaj LLu£ Dixjj Welcome ^ Jlc- llu£ V jlaui Jjill ^ 

$_GET A^Lilb Ajbill Aijjla Ia*V Jiau Cjbball $_GET AJWI ^Vl Ifjfi OjSa-u, 

LjjU Aluali j£j ufljA j£j <jaj| Jij£ j Ajajlia Alkali jllI ixj jJuaJI ^jalLualili Q$iJ ^ J^- 4 (jallualij ijS £*uaj 

LLa£j ^ <jajI Jaaa Ua£ cr^j Your email address is: LI±£ A jla^l ^ .1^ Aa^ 

#L5 j (jijj Jj£ UHc-i $_GET AJWl j!>li Cj* email Jil^ La ji) Uallaj (JjLaII Jjill <ja£j Alil.ij 

JjajVIj Actual ixj ^Uij Jiuull ^ La£ j^Jalui UaLj jfi j^A\ <ja get M><a ^ welcomel.php Aai-ua ^r^ull (j- 4 : ^jaalaa]j 

: JIja£ 


Name: 

E-mail: 


email@yahoo.com 


.liills ^jj&lui Sjj^j ^j Cjbbjl iiV welcome.php AajLHI Aaiuali (jl\ CjULnlj jLuujb Aaiuali ^jSIuj JLajI jjll jaiuali -Ixj 


: ^blL£ JLujjVI jj iaa-ua ixj Lfrlib jj<y »«j $ GET Ala-uul jj JLm£ La£ LjULnll Jillj 


Welcome =■ 

Your email address is: emailgyahoo.com 


. Sjj^al) ^ La£ Jajjjll (^ua Cjj^Ja L^JLkjLi LLo£ (b5 j 1| LjULnlj $ GET ^)aVu*i) Alp Jajjjll j^Jaj uL£ Uajj Ja^Vj 


= ■»> & 


localhost/webl/get/welcome.php?name= 3 JL 3 +i_iuJ 3 J&email=email% 40 yahoo.com Q 


$ POST All J 


Jlioll LLii $_GET Al^ Ajjja jjP LjULnlj POST $ AJ^ ^Jjjla ^ Aai^a ^ jjill <ja LjULnlj JLa jj 


:^U1I jjill ^ Ia£ welcomel.php A^i^a ^ (get) JaSS JjLaII JIjaII jJaj 


7 

8 
9 

10 

11 


<form action= rr welcoir.e ,pr_p n nethod="post rr > 

Narne : < ir.pu t t vp &= "text ri r. ar.e = ri r.arr.e ri > <fc r > 
E-raail: <input type= "text rr r.ans= fr eir.ail rr Xbr> 
<input t%^pe =rr submit "> 

</f or:iii> 
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> u 


^1 $_GET <> j»jii welcome.php tAj . post method lUia V jkuJt <A US 

Sj>-M <J US $_POST 


7 

8 
9 


Welcome <?php echo $_POST [ w name w ] ; ?><br> 

Your email address ±3: <?php echo §_F05T [ n email™ ] ; 
<body> 


?> 


ijk LjULnij (j\ $ GET (jjiixj Jajjjll j£Jj j JjjLuJI JIjaI] JjjJviM Cxi *** 11 J jjjxj Ja^^j La£ 

# Jajjj]j 


[☆ 


localhost/webl/get/welcome.php D j *D -> 


.welcome.php A^iuall ^ujI j^iaj fCjbbb ALlluu^j ^ UUI^J) <^1 Cjbbbl j^Jaj fl 


J4J9&JI9 JI^aJI ^l\A.;.«tl t iLua ^iih*i 


ji $ POST ^ j£j j IgJLbJb ^±kluux]| ^jiL Ju»3U ^jiL J oLIaIxj Jjjjla ^ *bjbuA 4ob*J jaLj J^xj ^jliut 


Aijjlai!J ^nlil »J ^Lu^Jj JjjkUl J*ju $ GET 


.LfLiljj jjiil Ja*j ^ j&j add.php ^ 4 %wa f bibb ^jjb . application www ^4^ c£b f jaj 


7 

8 
9 

10 

11 

12 

13 


<form action= rr add2 .php rr meth 0 d =,T get rr > 

I _ ' j^—i—i—Sj_ 3 I ^ I 

<bx /> 

number 1: <input t ype= "nun rr name= "numl" 
number 2 : < input type= "nun" name= Fr nain2 rr 
<input type= w submit™ /> 

</l 01 T]Il> 


/> 

/> 


^blllj Cjbbbl t^in AaIaxj ^ jj&j 4aL^I| di&j 4^jlU action clh^Sn Uxbajj j-oJl AobxJ J-aau Ha£ la^^j La£ 

U& t-b-l^ jliuj J-aC- 4 jlxuJjj ^Jlc- (j^aj A jkii.tt .AbUij SjiaaJl ^k Ig-Laxj add2.php C 5 ^J ^^uij Aobau 

jAj ^utl lh^j num lj-® bl^j ^ JjVI jli SjLuij number 1: si \j***<j ^ ^ % jla*bl 

• J La£ jLu^l “j bbb ^ulli Jaj I^jla J^»buj AoualaJl is&J numl 




jl 


number 1: 



number 2: 


j-i 


•^Jb]| JjSJi (jk La£ AoLaju ^biilj bjjjjxlbj c-aIa 4alaau ^,jIjj add2.php AaL^II J-4*j ^jAj • bjb 
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> ^ A 


7 

4-j- ii 1 l _ SI 

0 

<br /> 

9 

<?php 

10 

$a =$ GET ["numl"] 

11 

Sb =S_GET [ "num2" ] 

12 


13 

$result= ia 4 

14 

{ 

15 

echo ^result; 

16 

} 

17 


18 

?> 


jiiuJl (jfii, Jj£ J.43U U\li A jJauJl c A jJiuJj Jj. 1^ jliui Japj (A ynill) Lm£j ^Jlc- J-aC- V jlxuJj ^ 

(jfi CjULnij JiVuJ $a J^lLa]) ^1!La£ $ GET AJI^I qa ^J&1\ ji CjULnli i jW AaIaP A-iS 1 ia.vVuaI jJlLa J£j $b j $a ^-aA <jjja*1a U1a& ^ * 

. num2 ^ $b numl 

AajaIII g!jlj tLila ^ 0 jja-uj gji (jj-ujjlii Jlbj $b J $a A^J)a%a (jj o^j aUlsL^j Aajjj sUjlaj $result ^LLia^uj jJlLa UIaP ) T jlauJl g^i 

. ^ A jk*du ^ ^ L yu\ USIpij .^jjjlUI £>a*-a ig3^ qp&3 ($result) 

: Sj^ail ^ U£ add.php A^L-a J& to* j t * * J^kiU 


JI _ Jil 2ijl j j i yit i jjioa jjl 

number 1: 


200 

number 2: 

250 

J-Ki 


• Sjj-ua]j La£ AuiUij A^jHij j^Jalui j JLuujI j j h* */ii 



MySQL and phpMyAdmin 

Structured Query ) SQL AjKj$1 t ^bUiuiVI 4*J AjL^UJi CjULuII jcIjS SjIjV £jjL> ^Uaj ; MySQL 

.LjUlnii S-ic-li (jjhu* a y\\t aj Sjbj ^ a_laaI jj£VI AxUI SQL (Language 

A^luujj ^jjLLa Jjjjja g)P (relations) (—AJxujIjj AJsjI j2a Jjl-ia. •AjAj^C- ljUUji JC-IjS 

I^Ljjuj CjULnij AaL£ ^lauj ^ j£j p ll p HI \ a cl 111 i 11 —^ Q* Aj^ CjULuil Jj-Iajj AJLjIaj CjUUj J&j J-aP AAjjL IoA ^laui* m 

. mysql cjUUJI ic-IjSj ^ ^ JL J-axj AaI^Uj si !ja ?Luujj ^ <jajI JMk <ja awj 

(mysql) ^-IjS SjIjV Aajjjj^^I f IjAa] jjjj AajU-aj AajaL» Sbl <^a : phpmyadmin j^^a 

phpmyadmin -J 4-u-uijJt 

localhost oilib i .ilSa' t jkuJ ^ Aj A^aLaJI AjjLVl j^!aj Jiz. waiupserver-!! g-a'-ijj (JjLjuj j»jii 

•A-JU]j Sjj-ua]j (jh La£ ^alAi! Uajj 
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WampServer 


Version 2.2 Version Francaise 


Server Configuration 


Apache Version : 

2.2.22 


PHP Version : 

5.3.13 


Loaded Extensions : 

*Core 

bcmath 


frdate 

frereg 


A> iconv 

frjson 


*pcre 

Reflection 


it tokenizer 

it Zip 


*PD0 

it Phar 


frxmlreader 

it xmlwriter 


it mysql 

Jfcxdebug 

it mysqli 

MySQL Version : 

5.5.24 



A* calendar 

Jh com_dotnet 

Retype 

it filter 

*ftp 

it hash 

it mcrypt 

*SPL 

odbc 

A 1 session 

standard 

A 1 mysqlnd 

*zlib 

libxml 

it dom 

frSimpleXML 

Jth wddx 

*xml 

it apache2handler 

it mbstring 

*gd 

it pdo_mysql 

it pdo.sqlite 

J^mhash 


Tools 

phpinfo() 

phpmyadmin 


Your Projects 

[2) another 
[^1 apphcatio 


L-iUaj ^j Aak- iaxJaib ^ jAj phpmyadmin^ JsjIJ 4Tools jLuaij D^i Djj-uall 

• AalUll Sjj-uall ^ La£ jjj-a A-aI£j 


phpMyAdmin 

phpMyAdmin ^ 4 ^' 




(J^Uajj) jj JaLuajj A^jli 4 ^xl£ djoj (root) 11 A ^baj j AjlUI jU^J Sjj-uaJl jj^ia AJIa 

jc-aUijj Aobal jjS) ULjuusj ^ujIj A-*l£ £)! Laic- (phpmyadmin)-^ A-ualaJl jl] AulUll djj^l 

.U f j£jj ^^4 jSj^i 
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-ijb-ii m 






JPJf Users •'» 4 aJBjJI '^3 SQL Q2 



4-ujll ^olik 


Apache/2.2.22 (Win32) PHP/5.3.13 • 
Database client version: libmysql - mysqlnd 5 0.8-dev - 20102224 - • 
$ Sid: 65fe78e70ce53d27a6cd578597722950e490b0d0 

Q PHP extension: mysqli • 




phpMyAdmin 


4.1.8 j'j— ] >•' .Version information: 3.5.1 • 

phpMyAdmin -S 4^—5' • 



phpMyAdmin 

© # 4 & 


... (s^Vi JjM) | 

3 

3 t 

3 

3 eg 

3 wy4 

3 pt 

3 < 

3 js 

3 

3 rmation_schema 

3 nla4u 

3 * 

3 a 

3 ghreb 

3 3Z 

3 sqi 

3 

9t 

3 3t 


j£ l-luaj AALiuj La£S LaMVual SJjaj-aJI jljjVI Aiula j Sjj-ual] £jlib ^ uiu ^j .IALuu La£ 

: 

^ Luajjj djd (jAua SJj^j-aJI CjULnil JC-IjS A-ualiJl A^Luall jj^Ja Aalp LLuaJlj jj]| life : (CjUUj dJPlS) 

•AolUHj Sjj-uall La£ A^i^Jl bdjljVI Aolc- /dijj *jSj-uJl 


i^Sj" Lji 

•<j - •■'' j ■■•v -. — 


C u * i "! 1 






Users *=J 

^>i4 

sqlO 


localhost [31 


uJLu : [j) 


djULu S^C-15 


Q> Create database £ 

| utf8_bin ▼ 


Master replication 


C)* j Ai^l^j Ujjjj dULnij j-uaj (create database) JlaJI jl q Sia^d La£ 

.(utf8 bin) ji jLil AjjjslII AxUb dbbj Sic-ti f UL AJIa ^ Adl^j AJ^uiIaJI dljb^JI 

diftj SQL djba^Uluul Jjjj] a ^ O^J UIjja-a IfrlalL) dULnij JC-iji] Sjbl J-a£> A-ai^l UI IsjI j]j j| (jA (SQL) 

SQL AjU£j ^jlj school 1 ^ auj! dbbj D-iC-lS J-aP J-aC- bJji j] ^La3 IjjjJj l_u£j CjLa^UIuuVI 

CREATE DATABASE schooll ; 

• jLuuil ^^jlLuuV b jjjaSI Jjaj-a]| .liilj jj hi^ j^Uall jjjaII ^ Ajj£jj 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 

















































) Y Y 


ijjj fci.^»ii ^u***wj JJ[ jjjLS j»wi ^ ^ ^ ^ .j**n^a|^l Users *jJ | ai>^’ . ^ SQL Q Q) 



Ik 1 \\ a & 1$ *d V Ujj Uk. lA jkj CjULnli JSUj o* AJlaJ Ailual OJk CjUiLua^jj CLlaj caLkaJl dLk 






# 4ajjjl£JVI jSlj-^l fLuul 


t_dL*Jl ^A La£ l^ljjjj Qja,iVu*i 4 J^ju ^jAj V ^LualkJl Ujj^aI ^ t CjULnil AC-ljl] Jj^a^l ^HaJIj jSj-uil] ^jiajC- : (Users) 

jSlj-ftil JpUal Ak CjjjSj-uJl jjj -4 ljLaI£j 0 4 CjU^^Luaij ^AkluJj .A^jj V Aad£j (root) J* cr^'j^VI fAkka^l O' 

# <&l fLui O' A-aAlili Jj^aill j§lj^d) jij 0^ '$ aIxUujj CjULnij A£-ljk I^Jsjjj AojjjuSJVI 

dAC-l£ J Jal£ lsIa Aki jj jjAuak ^jlj j^xli 1 liaP AjI^J Aju VI I 4 <aAkk «* VJ l^JjlAau Alal£ ljUUj Sa&\£ ^Ijk) Ja*j ^j£j UA 0 4 *(j^^^) 

.jkl jtg_a> ^11 j| CajjljVI ^k jflj-uJ AJiL CjULnil 


t flUti Lak. 0-® ^ajj^jVI ^k- jSj-lJI Aj jjljba jAj ua1a£ dAj^ja CjUUj dA&ll] c-d^j Aljjluil JaaJ jAJ jjAuaall ^jak JIjjIujVI :(A|jj1uiI) 

# jkl jl^A 0-® Uiki Ak LjULnil dAC-UL <j^alkJl 


.UILopI ^ Sji£j 13 4^Vu*ii Vj caIaIac-VI 0 - 4 40 -^Ij Ua)jjIwIj Iajja^jj phpmyadmin aIjuj cioLaju Jac- 0^ ^J :(£jIaIa£VI) 
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ur 


phpmyadmin £iLjlLoc 


QULt 3 ac LB pLuul 

♦♦♦ ^ 


t-mAlail jaaJH] jLuilj CjULnij ^uul J-aau ^jBj j ( ljUUj di&li ) JasLualb phpmay admin J^-i> (j-« CjULnij fLubb 

• Sjj-uall bx£ AajjsJI 4*Jb <j jIxaII 



CjbLnij S-lC-lB fLuuj 4 a 1 a& ^laaj f Ij-uai* 5 JLujj UI j^Jalujj (£#j£j) jj ^ic- jajLuaj (utf 8 bin) jbl^lj LjUbJi SiC-Li] ^uuVl £-ua,j -Ixj 

:Sj^a]| ^ U£ (schooll) 

djlibj oJic-'ii 


Create database Lb 


utf8 

bin 

▼ 

schooll 

SChOOll ajc'i fj _ ✓ 1 






Master replication * ^ 

uUJI iJgi'A 



“1' J* ■=] ^ 

ap □ 


cbl^Jj (J k>J CjbLnij Si&b fLuul Jiuil j^ialuuj CjbbJl dBPl 1 jj ^ tuajj Ig-jiAtub <jLaj (school 1) 1$ aqjI Cjbbj UL-ii 


:^b]l£ cjUbj SbpIb fbUb SQL phpmyadmin-S Cy^\ 


CREATE DATABASE schooll ; 
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tHiLL Jl 3 acL ^ k * 1 ■ : i| 


Mi 


(students) f jS>dl 


Jjliak ^dc- ljUUJI jc-li CjUUj Sjc-li ULuul (jl Jxj 


: Jj«iadl liA IdJii £)! Lidajl9i j] 


<-£Ua]j Jj±^ 

t-ak'vM a 


J'j* 

jM-VI 

rM 


A*&^Udj AJLaI — <j^dl 

nrt onvAA 

^jic jJlua 






Y 





r 





i 


:^UUl£ phpmyadmin 6* *L“dj ^Lj^j 
jfrialuij lfr.dc> h**/ii (school 1) ^AjUJI SiC-li HI jfrlaluuj CjUUj SiC-li fLudi clxad CjULnij J£> Ij9 UI jfrialui (ljUUj d^Pli) jj qa 

:Sjj^ail ^jk La£ 4_dUdl 4^iua]| 



Number of vj^Ia]) ^j-salh (student) Jj«^dl ^ (^-Vl) Jiad) ^ (Jj^ c^l) ^diadj j!Ai> 

— £ljd*dl — Jljadl — j]j) Saac-I © Lfrjj la^^Uui S^ac-VI 1 \u^%ij 6^>\ Jj^d] llac-ji .S^ac-V) ^^^dauj columns 

• ^ La£j Jl^dl ^9 3 L_u£j ( ljU^Ma 


j^j. ^*f] 


5 Number of columns 


student 


AaIaxII ^Ladj JUjjJI £jlib ^d^j jfrdaluij (JaAjj) jj JMk dlbj -iiiidLi S.Ik Jxj ^jkj SjlaC-V' J-icj Jji^dj llu£ a Me-1 Sjj-uail ^a 

<_ji La£ Ldajl Jij^c- j£ ,^4 j SIaC'V) f Ia-ujI AiLdaV ^A^i-ua Id joilui j 
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® iAao a 


column(s 


phpMyAdmin 


& ♦ & 



None | ▼ INT | 



:Collation 

utf8 bin 


:Storage Engine 

▼ InnoDB j 


:PARTITION definition 


k. 





jaIT) Jj-iaJJ IgJUj UjU£ Jij-aC- j£ Cjliual j-a £jVI Jj-utjj l^jlLudl j-a J-a SAaC-VI fL&uii luIL Djj-uali la^^O La£ 

jc-IjS Jsjjjj 4-uaajjJI jjjIIaJI Jjjla (Primary Key ^UaaII) Aj^uajj ^ ^a‘I jAj ( ^Sjll ) JjSfl 

La£ CjULnij JC-IjS ljL1a£> ^ JaL ^£a jAj Jjl-iaJI ^ ULxll <jC- j <j| (jLaj V CjULnlj J&ijS £)1 MituaVb Ifrdaiu j-a CjULnij 

# ii^v i^aLlHuh 


JjdaJl ^ (ufljjaJl JJP) 4 4%^ J.V\ uaj (jA\£> ijf> SjLp jAj (uJUa]|) < ^jli]| 

Luajj 4*uajlua^. AW uaj <jC- SjLc> jA j (Jlj^Jl) Coital 
.Luajj JjAaJ) /jl 4-uaiLuaAi j j q^I (j£> d jUc- jA j (<jl ^IxJl) £j| J 
,(j^l\ J-IxIuj j clilJjjla (j^aj ^ Sjbc- jAj (diUaA^l A )j"J ij^aJI 

. SaaC-VI U1a& UjI Sjj^all ^ La£ 


® (Add a 


column(s 


A_I ~>i 




Collation 


y w—'>: 


0 ▼ 

PRIMARY 

□ 

▼ 

— 1 1 


T 

None 









▼ 

“1 

o 

▼ 

1 1 



None 









□ ▼ 

~n 

□ 

▼ 

=□ c 



None 









▼ 

— i 

0 


“11 



None 









□ ▼ 


□ 


=□ 1_ 


* 

None 


utf8 bin 




- 

INT 


▼ 

VARCHAR 


▼ 

INT 


▼ 

VARCHAR 


▼ 

VARCHAR 


:Storage Engine 


:PARTITION definition 


phpMyAdmin 

T ...C^yjjM) | 

| schooll ▼ 

.!*j» JjU». >.JJ If 

OraatB tatyp Q 


Ujlki ^Sjll (number) jj-aslSI ^u*I 4jU£j Ua£ Saa^-VI fL^I (^Vl) di^j (jj-aJl JjVI -Jj-ajlSI S^ 
_ ( ^daljjfl)) <_yAj ^A U£ L$Jj oalj^il U£jj flSjl AxjjI ^Sjll J^aj jl ^Ij^L (i) liu£j JjIaJl (INT) 
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m 


Aj (jaiL lJQ a <J*J £j£j £lj <^ujj £bi* cr^J (PRIMARY) bu-uj^i Aa^liJ Ukaj - <j-aljaJI - collation - 

U£jjj til a J^.ij (jjJ c-ujjolb 4 -aSj c ^ ^uij (jLial |3| (b5 ^laj (>5 £jjL«jj! ^£j]| SjLj ^jjuj (A J) Cuau j-ufl <La^xj Uj-uil pj J^jj 

.(CjUjbn) A_fuataJl 

#L >aljaJI AJL U£jj flSjVlj ^ jl (® *) JjlaJI pji q^I cr^J (VARCHAR) f^VI cr^j (name) 

#L ^ajjaJI AJL U£jjj f£j ^ t Jjlail Uj^j ^Sj < ! ^j*jj (INT) £j^l £ JljaJI cr^J (mobile) 

#L >aljaJI AJL U£jjj ^ JjkJI Ujjaj u^jI] (YARCHAR) £j^I cr^J (address) 

jjsll JjiaJl £l Uk #L >alj£Jl AJL U£jjj ^ * * cijjaJl Jjia Lb±*j <j-^ < ! ^j*jj (VARCHAR) Aia^U c^xjj (note) 

{ J& ju^VI JlaJl VI 1 V Jji^ Aj^j j^i Jj-aj j ^l£jl J-lxi ^Uau JljaJl ^$jj ufljjaJ La£ ^uuVI ^j£j (j^auill ^jj£j uua 

:Sjj^aJI ^ U£ Jj^aJI j ^feu * i j (i&t) JJ ^ -k*^W f4^VI .j*j . utf8_bin j^j Collation J^l 



AJaujj jj JjAa. AiLual A dJ^SQLl^U]^ 


CREATE TABLE student 

( 

number int{ 4), 
wa/rae varchar (55), 
mobile int(14 ), 

address varchar(66 ), wote varchar(100 ) 

); 
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^ YV 


JqLiaJI (ji\ (< cjLjL XaI«> 


•AuiUii Sjj^alb La£ j^Jalui (school) ^ Ailuall Jjjj <^1 CjbbJl dJC-li jbikl phpmyadmin (jC- Jj!±aJ! ^J) CjUUj Aituaj 


— 

schooll C « localhostdl f 

phpMyAdmin 

$ QjJ ^ ^ 

Triggers 2t, @ Routines^ -'Jy-V ■- ^ j* ji* ii-i^ , 

^ ^ SQL Q ^ 

^ Collation ^ -m-> 



ie utf8_bin InnoDB 0 ^ A 

student □ 

▼ ... (ij^V'JjU^J) j 

-l^ o ie utf8_bin InnoDB o e>»^' 

(Jj 1 ^) 1 


, 

schooll ▼ 


(jk La£ LjULnij Jl^jj Si^U j^ialuuj { J^> JaLuaJb ^ j£j CjbbJl (student) ^-ujI Ja^^Luj ^ La£ 


schooll f) «localhosttfl 



4a£tuab Cjbl.JP I LLa£ UjV £jli dU£jjj ^a£jil jAj number S^llaj JjSM < AJ&jLuJI j^Jaj ^1 p Jax-uaii Jxj Sjj^all ^ La£ Ja^V 

Iji! bjAa^j mobile ^j f l>* ^ 4(<^p lJluijj) llu£j name ^Vl cbia ^bil cll^La jj| 

.Aia^La Uluajj CjUa^^La L-iUa a\^\\ l a^ti ^ bJi^j address (J^jbtil c-iDa t L^all 

jas-bajj ±^1j uiua 4iLuab flia£V) j\ 4 JjAaJl jl Cjbuj-Jl Ja^V uiua uflJaj <jl U& U&aj .IaAjj jj ^1 p jaauiaj fixj 

:^Jbil£ SQL 4ia-uuljJ Jj-laii <LLut]| CjbLnij Aitual 4 ajbn 


INSERT INTO studentiname,mobile,address, note) 

VALUES (^ 2 ^ ^ t r r t o t tM ^ i/b/ _ ; 

bj£i fS (Student) d^» (INSERT INTO) iK? dj^l JS ^ sql JjS J-p f3 

.SAaP^U cjjjjaij l^uia CjOa^l^lj (jljitJlj CjbbJl j£Aj SjupVI -Jju tujjjjjjb Ajjj (b5 ^I dA^Sf) 
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S Y A 


CiLtL JldAclB ' 


U£ student Jj^j ^Lialj schooll SjpIS jt2a <LLJj cjjjkaJj Aia^jjj phpmyadmin Jjjj^ <2^ cfe* 5 *^ 



Jj-lsdlj Jjj^j CjUUj j \ ^b»j JjJju Jajjj jj 4Jijjbj JaLialb Jj-ixalj UILajj 4i^j.b ^Hj CjbbJjj student Jj«^ Sjj-ua j^jaj d^j la^b La£ 

. <JU]j SiaUlj j^Jalui JjJjuIi jaxbalj isuj l^ulc- 



.(Ifili) jj JaxJall f I^ojVI ixjj Jjjj La JjJju bole- ^Luj Cjbbbj Cjj^Ja ia^d Lx£ 

:Jj^ CjUUj CjjAajj Jj.1ju] SQL 4 aaIxj 

UPDATE student 

SET name- ,mobile= 1 1122334455' 

WHERE number-V\ 

f^laluit ILtt JjVI jkuJj ^ AliLdj AljjlaJbj Jj±aJj ^ Cjbbj </j JjJju d^u UBPDATE 4ixu,j JJ SQL jj 4^ukj £*313 US 

JjjLdj J^j AjUaj Jjjj ^1S| ^utVl (j jLjoj <U^U name jA j <b2 JjJjuIj Jjjj ^dj Jjadj ULu£ ^bll jla-uJj ^ t Jj-iaJj ^uij JjJjtdj 

jj iLujj <U^U 4 ij^aJj ^uil bjSJj JjjaJb j^aUJj Jj*oxJj ^5 U£ j^iuaHlj Ibajjj J^ajjdj Jj*j U£j 

Lulls CLu*j 4_L«Jju Jjjdj t Lualj ^£j ^Jj SjLuiVi ji* ^-a jAj juk^j jlauilj ^ /LL«Jju Jjjj Jj^afc- ^ j £u ji£Aj c-ij-laJj Jjj^Jj j^iualj 
ui^j uijadj bA ,±^jj f£j jA fSjIj <jj jAj number= f l f jAj iajdij c_u£j fj LjJu jj duau aba-4j WHERE 

.Jjjj La£ ALjajj 
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m 


(jjQ tlltLil 9 I Aua 


CiUlu Sjcli phpmyadmin 4 localhost phpmyadmin (J&J 3 u** JjJ^W JjJa. <y>j uUlu S-iela ui^a jl uUlu t-iiaJ 

^ US 111 jfialm student jUU schooll uULuJl a-jc-li jUaJa 


dil JUi + 


note address 

mobile name 

number ^ 

"y 1 jiJ'jjClJ 1 Sjjj T ■' ijLij' - F 

'^-.j- 4 1 123456789 ^ 

■ 2 e * 3 *■ ^ ^ □ 


jj' ■ ^ pm ■ :j | ~- ^ ^ 

^ |j 5 i» _t 


ufljlail ^ A-aIsu uflijluall ^^Ic- jjAHSj <jLaj La£ > Lua i a,W ,j£^j j£ ^L»l f ui-iaJl AJjAl j^iaj Sjj^all JMa. qa 

jjiil JLutl <y* ui«iaJlj 

SQL uiiaJl A^ukj 


DELETE FROM student 
WHERE number-'1 'AND name 

student jAj JjAaJl f-uil l_u£J (DELETE FROM) A-a^JU Aia-uuljj £jsla ^ uiua jl Ja-ui uiiaJ ^Ulu4 J J& d^l La£ 
UiJai jil Ju»l£ JaadJI i, iiaj 1 ]_* ^jLuoj ^jL number ^Lm£j <LuAj Lj-uJI j*n\c> fj (WHERE) j&j ^JiHj 

.AjajiLa A_Lualij JplAVl ”^JLua lAuijj" ^ jLuoj name jAj (AND) A 4i bn -Ixj AJp fL jlLujVI 1 V^ajj jAI Jaj-ui 
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MYSQL ^aPHPiaj) 


\r * 


(jj <jaj! <^1 £a HTMUW dfLuuj UaIxj ^i]| ^jji]| (^A CjULnij jLkJl AaLS jAj AajjjaIWI jSl ja!\ fLuul ^ CjljIaaJl ^Al ^I UA Jj-aj 
f JaJl UaIxj ljIjJI dJP ,jajI ^j!\ AajLua £a CjULnil d^&l£ Jajj 4\\a& Iajju # Uaj| L^jLajI HaIxj ^iil CjULJl bl£>\l CjULuil QjaJlj 

JtaJl ^ jQj< UA /lAl u*i .( ^£- J£aaj J^ua nil — SQL CjljUg> — LjULnij JIj JIjJ — ljUUj fa&\l Jja.j — ^jj£]|) ^yVj ^ASflj l^-la ja£VI 

.CjULuij dJ&l£ ^Ij LjULnij 

INSERT t-djUdl JLial 


CjUUj Sj&II ^ phpmyadmin-^ l\y *<* dULuui ^uJUail Jj.ia cjULni uaIL Aa 2 J-asu ^jVuu cjULnij JL^jI a_aL£ ^IjuJ 

6^J php ^ Jac- fj ^1 ^1 jl php_mysql 4 a*aI J^: Vjl) ^ A^lxll cjljkaJlj .schooll 

JUjV SQL <£U1^I AaIasu Jlj^il jjc- J jVu/i insert_process.php ^ I gj A ^ua UjIj insert.php 

( CjUUJj oJC-li ^1 LjULnij 

* J^uaiolb Cj| jliaJl 

^ U£ jjSII insert_process.php ^j 1 $ u*nu * i <^l Aai^l J^Ui <> <^ULa1I JUjV ^ j^Ul ^ jjAJI :^jSfl Sjlaxil 


23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 

37 

38 

39 


<body> 

<centerXb>uJl h w jUL^j J^ji </center> 

<div class= "student"> 

<br /> 

<form action="insert_proces3 .php" method="post "> 

i_d_J ! '■• ' I p- ■ ' ^ 

■Cinput t'i^pe =rr text rr name= "nair.e "Xbr /> 

Jl ^Jl 

<input type= "number rr name= "mobile "xbr /> 

O I j_L_*lJI 

<input type="tex,t" narcie= "address "Xbr /> 

<input type="text" name="note" value="ijLli?-ij("Xbr /> 
<input type=" subn.it "> 

</f oriii> 

</div> 

</body> 


i AjLluiLuiI U^jJuj AIaP AujL£ HjLuj HaIxj ( CjUa^yl a — jaxII — Jl jaJl — ^uuVI) JjAaJl oIjIxaj (bod Y)-^ AUsIa J^lJ ^jjill La£ 

t 0 jiaui ^ ia^^U La£w submit JJ SjJjLu JaLua^l ixj aII Aa^uail j CjULnil JUojI dlaulj UJia. Y V jjiui la^^U 

AlkLa ^ dUxJaj ^Wa La.j^aj ja£I ,jj£jj ^jjiil Jiojj) ^jjiil ^jlaj ^iil c ajJlU Jj^uj J-aaJ Uuaia dfLuul UjPJIuuI 

CSS-^i ^*2*2 (jl c-l^jj JliAli Ua Las <j£ij Aai^all (jaIj (J-aJs (jjjJI£J| <jaj! AxS ^ UjI dUaLA Ua j (head) 

: ^U1L£ (^J^l (Jj%^j JLapVI U3U 
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9 

10 

11 

12 : 

13 

14 

15 

16 
17 
IS 

19 

20 


<style type =TT t ext/css w > 

.student { 

me r gin : 0 auto ; 
width: 4GQpx; 
direction: rti; 
color: #CGG; 

font-family : "Times New Roman n , 
font-weight :bo!d; 
font-size : 16px; 
border: solid #990 Ipx; 
border-radius : 3px 3px 3px 3px; 
padding :4px 4px 4px 4px; > 

</style> 


limes f 


3erif ; 


. (jk La£ uLill J^b jl 



ojiaail Jillsj ^\£- jLuu iH jAil) Jjjoa nil ^ j&j<t ^ Ixj buS ^jL-ujj % 1 * Aouba ^jma JLuu La£ 


j cjULnil Si&ti JUu^jVI ^\\ ac-j (j-* 4 bjULnij Jbiluul Aib ^jVu<i insert process.php J^u ^jiS; <Ljta]| SjinJi 


JijSIIj Jj-iaJJ CjULnij JliJb 4^UluiVI 


<body> 

<?php 

$con= mysqli_connect ( w localhost 11 r "root 11 r 71,1 r "school!") ; 

// Check: connection 
if (my3qli_coimect_ermo () ) 

{ 

echo "Tailed to connect to MySQL: " . mysqIi_connect_error {} ; 

} 

$nair.e= $_PG5T [ 'name " 1 ; 

£ir.obile=£_F05T [ 1 mobile 1 ] ; 

$address=£_F05T [ 1 address" ] ; 

£note=£_F05T [ 'note ' ] ; 

$sql=™ INSERT INTO student (name, mobile f address r note) 

VALUES { 1 $name 1 F 1 $mobile ’ r ' $address " f ’ $note ' )"; 

mysqli_quexy (Scon, Ssql) ; 
echo Lsm I 


mysqli_cIo3e ($can) ; 
?> 

</body> 


Iftlltbu CjU La£> jal 1 a£ a JUft AojS ^I£l J \j£l\ ^ ja£ A*J ^Iaj LL»jiS ^ la^U Jj£ll r jbj JjS 

# Jal2 JjjSVI dift l-ujjj j Juljl ^ j Ig-uaxj ^a JaISHI ^jiS liiu^ 

JL^jVI AJb AiilJj U^jJl $con juila J-4JU LLa 2 .l^ia jl JliJl Ju3 Vjl <—AILn]| Sj&Hj Jb^IVl AoLaju IIa 2 A jlxui 

cjliLJ i iwrtva . ' l ji>uJl jA server host mysql("server host","user","password","database") 
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jflj*uiib (jjs uj user ^ Aj£Jl ia^d U£ localhost jA Uj (j^aUJi CjULnij Sj&H LIjUIaj SagHj 

fiUk^j password ^ j 3 j-ui g-Abjj g) ^ i _ r bal jaSI < ^ i A j Ha* a Aa2 Jja j-4 AJSf root ^• v * L * i ^uil UaUajS CjULnil di&lll ^uialuJ 

LjULnij ^uij ^Jaj Uaj database ^ .Aivjii IaU£ja£ ,. A \\ jjja a*a!£ <_$) AaIp J^aj AJSf £jii jjSii 

. schooll C5^ j I4J& J^aJ ^1 SjpHII Ua^ajS 

b) La Q-axi AaLa*j ^ j£j UIax-ajj <j-A-ua d Jjaj-a AJ|aI| dAA j lllVSCjIi COllliect ermo() Ua^II jl <j*aaja]! AJb LLaAxIsjj) \ \ jlauJl 

# Axj AJLLaj Ua^Ij Uaail tifcnlj Lib <j-a (jlajaJ)j # Jaj-ui 4 4ihn g^i AJbJl dAA Ljuia j Uaail ^£jj jUaj^l AaUc- Uaa. (j\ tilbA g)l£ 

( Qjujijhl] <jaj La f Ij^VI ^Lkjj ^jj Jl«iib aJLxjj Uax AlbA £t£ AJLx jA Lj^uJj J^b ^ Aj|i]| j 

^ J*ia dba-Aj :Failed to connect to MySQL &Lm£ ^ echo £L£! Ua U j jla^ ^ 

AJliil AJaujIjj UaaJj Lb.Ua AJaVill Au La ( echo ^AaJ jUalxi ^A j AJalUl Au La ^Ij^I Luajj) UA AJaVill ^jjla j AJalj jLuajVl 

. mysqli_connect_error() 


ie 

17 

18 
19 


$nair.e= $_F05T [ "name ' ] ; 

; 'r.obfle ' ; ; 

Saddress=$_POST [ 'address 1 ] ; 
Snote=$_POST [ 'note 1 ] ; 


al U4**ijj jjaj-a ULuul \ 1 jJauuJl (jk La£ ( $ POST ^b A^jjJb ^ CjIjjjlLa CjULnli JlHluul Ajbc» \ A jla-ui \ *1 jJaui ^j-A ia^^J La£ 

aHj li^A j. $ POST Aiaujjjj AUb name AaIap £ $name 


21 

22 


S s ql =T1 INSERT INTO student 
VALUES ( 1 $r.ame 1 r 1 $moblle ’ r 


(name r mobile f address f 
' $address 1 r '$note * ) w ; 


note) 


AaLaP Ai^j^j LIajJI $sql dLL-A*uj|j J^lLa J-aju LLa£ .^uul Aaaauu (jLajj $sql jAj jJu-a ^-iaj AaLaC- Y Y Y ^ jia^j ^ 

JjjaJI >j student INSERT INTO Uu£ T ^ jk-JI ^ SQL U*Jji JUjVIj &>Ja UAuj 

Uliji ^1 diljjiidt (jAj VALUES Y Y jko. ^ (name, mobile ,address, note) « «j « b*nu Sa«cV1 Uja^j 

.('$name','$mobile', '$address','$note') Uja^j HJl U i> jk«VI CiULu^l I4A 


24 

25 


rr.ysqli_query (|con r Ssql) ; 
echo m c L^JL_i iJLijTI 


l ^jA A^laJj Sjj-ua]jj ljIjaxIaJI g^jjla (_f> IHjjj jLuaj^l AJb ^jA j SajA^ AJb Uibai ajj-uall La£ Y t jla*-u 

jSj jjalA jA $b $con-J llHj jj^Ia $a c> ^Luajj ^a US AJIiil l-u£j dna. mysqli_query($a, $b) 

CjULnib gydUJj j jUaj^l Aiilj j Y i jjoui jjj^I j f Au Y ® jl&uu ^ . $sql jJu-aJI UaUaj 

.(^Uoj AiLuaVl lAaj^ AjU£ j 

^JU aAjAau Uaa. Jj AJU ^ Afilj Alp jf JajAll A aaIxj J-aP Jbab ^ Aaj UbbJi dAC-H J-a jUa^VI aHjj .aJ^^La 

^^bil Jj£il ^ U£ jA j AJa^^UIl aA^J Ax j Alii] .Uax AlbA gjl£ jJ f ’^LxL AiUaV) Aaaj m AJLuujII j^Jalui 


24 

25 

26 

27 

28 
29 


if ( ! nays ql i_que ry ( $ con, S 3 ql } } 

{ 

die ('Error: ' . my3qli_errox (Scon) ) ; 

> 

echo n p- 1->J— > LJLic^l ijus^j n ; 
mysqli close (Scon); 
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\rr 


A 41 bn liijj jlxuJj lift (jkj (ila ^]) ji ^-lauj AJliil JjS ! L^juil Aa!^ Jjaj Ja^V ijia. Aijjlajj if Jaj-ui ULual t t jJaui ^ Ja^V 

(ERROR) £L£I j*j cj^j^l 0# UI Jjlill i^Iap ^ ciLifl </l ( AJIiil ii£ ) AJU jft Uft JajJ^lj $con sqUt 

JLusjVI ioilj AiLuu ^1 jj JtuajVI AaLaaJ UaaJl jl^Jal AJli <^ft j mysqli_eiTOr($COn) Luajj ^1 j^l <>r kj ^lj (.) Aiaij Uaa. dlaJLaj 

La] i^iHll ^jj V ^LlLujVI jl Jtuaj^l J-uuS J^iC- .la^Lj La£ AJlill J^li Uj£i La£ Jtuaj^l jaila jftj $C0I1 J^LLall UxJa jj ^UluuVIj 

.dixj ^iil jlxuall JliStt! ^jjj ^Luuji]| J^li 

ljUUj]| DiC-lS Jplc-I AJli <^ft j Luajj ijla. AJli Y A jla-uu # ’ ? ^Laaj AiUaVI lIiaj” AJLujj J A^Lla ^jj AaiaaJl ^LaJ ilc- T A jL-uJl 

.JUaj^l jjila o^jiil Jib Uj mysqli_close() 4-*^ 

• Sjj-ua]| ^ La£ ^jjiil ^jjjL <j£ j CjULnl] Jl^iVI AalaP (jjJaL ^ jAj 


b-iILkj! bjGljj Jiji 


?■ I ';h. jAajj k_llUa^l A*_u] 

888111222 JljaJl 

Luj - J*J'j .jjljJfcll 

~-~ ; ■' ~l -- V _lLllLA^ , w4 

|"JW] 


:*jj^ ^ u£ AJLaj j ^u ^ i j (submit) j! (J^jl) jj ^ 




’v™ c * y O' - *" O' ♦* + — * 



:Sj^aa]| ^ U£ ^u]| student schooll ^ cjULJI Sis-lS £ phpmyadmin £ localhost ^ £VI 



note 

address 

mobile 

name 

number 

<-T -► v 

<±i xi' S 

<j0^oLxjl <juV - r , » ‘ -~* - 

123456789 


“T 

^ ^ ^ ^ □ 

U,0§ USU*0-'0“ U . .U T 0§00 i 0§0 i 

£0§U r USU. . .Uf - 0 S 0“0 

888111222 

HU .. 0U .. 0" 0 , 0“0 _ 0§U r U,U 

2 

□ 




^j^lall 1^-JajC- LllLaj ua .ilJi AiLuLa Vj A^Ila-a jjajjj ^Jalj jusJl JLuJL Iftjj^Ja (jSJj l^ol^il (b5 j]| CjUUJI jl J^uJi AiLual 

.^jLlui La£ AajjaJl AjlIIL 
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SELECT <0^1^ cliLL Jl ^1 


\n 


4»aI*J| sql 4 ajWMI ,j-<; (ill j L-jjjJl jj php ^^Sj Jj-iaJlj $ J&t&Ii £)-* CjULuij J-43U select aAac. 




SELECT *FROM table_name ; 

Sjjj Luajj .(table name) ^ Siac-VI FROM 4-aaJ 4iLua) ^ jja-uu La£ 4 Ajhnl ) c)i La£ 

;4u]lo]| 4»aI*J| Sjj-uali La£ CjULu]| 4oLa*J 


SELECT coll, col2 FROM table_name ; 

cjUln^l gljij 4-i1ap jjaakL f,(table_name) c> (col2) j>axJIj (coll) JjVI ^>a*U SELECT UIap ia^d U£ 
(jj* JjAaJl CjULnli 4Jjju AaIaju ^jlj A^L^ijj Jj£j| iailj JaS . student schooll ^ ^ 2dla Ha 2 < ^ y o]| CjULnij Di^li 

# l_uj 4^1ual CjULnil 4 u1aju ^ j£j uj^Ua ® insert 4^1 a3l1 ILuUUU di 4 aL^1| 

plaits phpmyadmin ^ 1$ K^t ^j£a,uu LLii cjUlaail Sic-li <jAua cjUUj JL^jJ 4jUt j ^laiil ixa 


note 

Sj>» 

address 

mobile 

123456789 

name 

J* c-*-" 

number 

1 

@ C-*^ *i # 0 

UJ3§ USD'O-O - U. .Uj3§00 i 0§0* 

£0§U T USU. . .Uf - 0 S 0“0 

888111222 

iU... 0U... 0~ 0 1 0 _ 0 - 0§U r U r U 

2 

^ @ # □ 

U,0§ USU*0 -1 0 - U ,U,0§00 i 0§0 a 

“0*U*0±US0§ - 0U,0 

777888000 

f0§0U .0" 00*0 

3 

^ !■ ^ □ 

UM USU‘0-0" U . U T 0§00 i 0§0* 

"0§U T U...0°0±0 

222111345 

UUS0pU T 0p0§U T 0 

4 

^ >■ # □ 

U,0§ USU‘0 -, 0 - U. .U.0§00 i 0§0 , 

U,US0~US0§ - 0-0±0§0“U,0 # 

444333222 

US0USU%o 0UUS 

5 

^ O ^ # □ 

U r 0§ USU*0 -, 0 - U. ,U r 0§00 j 0§0 > 

i0§U r 00 _, 0§0 2 - U...U/U 

999000999 

Ut0“USU r 0p0§U T 0 

6 

^ # □ 


.UUIiJl ^1\ <_iIjiuall AjAj (J&jj j j_ia^J 1 £jaj j-uajVl jAj jlauu Jjj ^jlj HaS <^ail CaUlaal] jj-aj jj^ia .lAtuia La£ 

<>» CjULnii £ljl) 4 -aIaaj f j£j 1 $ b>i j UjaPj insert.php 4_i aM ^ select.php (si LH^ (si f jiiuj 

: ^uii£ jjiii <jj^fuij a LjUtnij Di^ii 


7 

3 

9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 
21 
22 

23 

24 

25 

26 
27 


<body> 

<?php 

$con=nr.ysqli_connect ( "localhost" r "root" , "" r "schooll" ) ; 

// Check connection 
If (mysqli_coiunect_ermo () ) 

{ 

echo "Failed to connect to MySQL: " . mysqli_connect_error (} ; 
} 

Sresult = mysqli_query [$ con, "SELECT * FROM student"); 

whi1e ( $ row = mys qlI_f e t ch_s rray { $ result } } 

{ 

echo $row[ 'name 1 ] . " " . Srow[ 'mobile' ] ; 
echo "<br>" ; 

} 

mysqli_close (Scon) ; 

?> 

</body> 
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\ro 


J root f. V\ua A ti jjja! I localhost ^ CaGjlAS SjpIL Jt^ajl AuIaP A jla^u ^ select.php ^ JjSlI U£ 

.$con j^xll 6^ schooll bjUbJI SjpIS ( a£ jli j«JI 4^i£ 

$result dLL^uilj jjjlLj USjP ^ V jJouj ^ . AjIIaj djl^Jal ^jj La Ua^ 4jl^ ^ CjULnll dJ&tL JL-^j^U Aj\aC> ) 0 \ t jkui 

sql AaaIxj luajij (A jla*4 j^ij) $con j^xll Ala^uljj JtuajVI AaIac- mysqli_query() ^*^VI AJb aM \±j U^jjj ^ 

.student Jj^l jil\j (SELECT * FROM student) 

AaL^ mysqli_fetch_array() AJ^ AH^ $row aH)^j while iS**-* ^ ^ A jla^l ^ 

Y ^ jliuj ^ .niiill ^ijj cjj^ $result j (array) Aiji^x® J^b tgk- £ia1*2uj) <^1 cjUUJL 

Aiaij [name] A^ 4 *^ Ujlij <jaujj3 ^2 AIaIS SiapS^Ij a1jL^a 1\ (jj^ $row j^IaII LLu£ oJjjj JjaxJI CjULni 4\\ac> 
.^uil j£ jxj jlxuA JjJllI Y Y jla*A ^ . $row jj^Ldl ^ AijLuAAll <ja [mobie] -Jj-asdl j^J AjUc>j aLaj Tt ft J^liS jfl j^j 
iailL £^b . student c> bjUU2l ^jaa*A Ai^aAll ^ jA while 42b <> o^ajxSIj 

: e>jj^al\ U£ guUll select.php localhost 

^ CD localhost/appl/select.php 

888111222 
777888000 W 
222111345 ^Sl—J -jb 
444333222 J* ^ 

999000999 —J^u 

.A u* a JajjJu uiui2h ljUIaj AaL£ Jja Jaj Laj£ ^jjLaII ^buu j .LLil ^211 CjULnlj ^ uaI AaIaP ia^^U La£ 
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(UPDATE - DELETE) AiLjL Jl <^4*9 J, 4 su 




JjjkHuj UA .LjULnij S-iC-li jl uiIjiuail <jkxul J^l£ ji ^juxa f jx ^k JjAuI) 4ul4xl Ifrxluxj (b5 ^)j CjULuI) ^k Jj-ixill <^A j-all ljLAaC- ^aAl 

:^Ull£ uiua ^k (JjAlUI 4-4lxll Sjj^alij UPDATE Lf&J SQL 4 4jbn 4 Jxuj)jj ^ ^k JjAuI) 4ljjkl 

UPDATE table_name SET coll= f yusuf f , col2= f 7770001119 f 
WHERE id=T; 

SET j*i UlaP table_name 4iji^ Axi ^ JalLu ^a!) Jj^xi) ^ UPDATE cfe^aLll) j) i\uvil) 4 a\\%"\ U j£j JjSH jkuill ^ kx!>U L&£ 
^-ujV) llu£ IaA !>11a2 4Jala 1| 4uuill UxjJlj coll ^J-**-l) J 4 uS Jj-lxH) Ajjj ^a!| Jj^xl) JAx JjjLuill Q& ^Aj CjULuI) jda jj j^L ^illj 

0^ kjdll UAjxj A/tfj fAS?l cs&J jk^ull ^ .kx^lj La£ 4uuill tiu£j Jljxil JjAxll COl2 A>4P t-L£Aj 4l^l£ yusuf 

) ^ 5 -kjj WHERE kjdull llu£ dux JjAuil jkui ^) JAxj duxj AjuaAIj kjdJl 4^u3 UA ^iuS 4ufi JjAxiil t Aua ^) lJjju V jSj-uil) 

JjAxllI Vj klS ^ ^£jJl J-4XJ ^Ail ljL^I) j) Jxutl) ^k (JjJxll) ^2 lui . ^ ^ jLuu Jx-uJ) j) uAuall ^aij <j| jA j kjdJl AAx ( <jj£j <jl kjJu 

.jx) ui^a J\ ^ 

l JjAjuI) 4ul4P Jfcukj 

J juxll ^ui) jJtlui k^£ Sa^V) <jaLj JXjj student JjAxJl j 4 AjLui1) ljULuI) dA£>l£l 4 AjUx 4 (school) ^ J A111 * J SAjAx CjULu D-^li ^uului 

,l\ilui UUaIju ^pi) ^Jjkl) (juiL 4Jj^uu \$\a& dJdojj id ^1) number 

. Update 4uS Ljlxi^l) ^iui ^ All j AjAxI) aIxa!) (j a .uuj WWW kx^l) Jx)j AjAx aLx-4 ^uuluu 

:php ljLxAu^ 1 ^1) ^Uxlu 

config.php 

insert.php 

insert_process.php 

edit.php 

delete.php 


^ JLuxIV) ^(ju 4ulJ) LulxAual) ^ I^uU'ALuj) (jkjxl l^Axluuj CjULuI) S^lll JLuSjV) CjULu ^jxj ^^)j COnfig.php ^jSf) 
I^xjjj (jjx) 4-xiuaj insert.php C 5 ^J 4-ul^i 4-xiual) > aU-D Jx)Jj ^a!) Jj£ 1) ^Jluu ^jjl\ (include) ^Axluu ALujVj ,4-xiua j£ 
Jj^xil) 4ul^ (^) 4xi^) edit.php ^j 4 xj^ 4-xi^al) .cjULuli JIxjV) (insert_process.php) ^j 

.uiixi) jj£ ci^xj ^illj delete.php 4 xa-a .cjULnl) 

• Sjjj-xl) ^ La£ cAlilo ,j-4 jlxj 1-4J AIxaII JLui 
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>rv 



: ojj-uall ^ La£ ^j phpmyadmin o-* ^ cjUUJl S-ic-ll] S jj ^ jtgiab d^l cjl^iuall j|j£! J^c. ^jJj ^ JjS 


admin/index.php?db=school&table=student&target=tbl_replace.php&token=lb804bfe2e51e0b9bbeec73e016747ff#PMAURL-2:tt , £^ ^ ® Z = 


J localhost » Cl school » P student 


l_0 Browse 34 Structure £j* SQL -4 Search »■ Insert 3 Export ^ Import ^ Operations 3fe Triggers 


# Name Type Collation Attributes Null Default Extra Action 


□ 

1 id 

int(4) 

No 

None 

AUTOJNCREMENT # Change ^ Drop ^ Primary j| Unique g Index ^ Spatial [j] Fulltext g) Distinct values 

D 

2 name 

varchar(55) utf8_bin 

No 

None 

Change ^ Drop Primary j§ Unique t£\ Index [jT Spatial jj Fulltext g] Distinct values 

□ 

3 mobile 

int(14) 

No 

None 

^ Change ^ Drop ^ Primary jj Unique £} Index |£s Spatial g) Fulltext g] Distinct values 

□ 

4 address varchar(66) utfS bin 

No 

None 

Change ^ Drop $ Primary j§ Unique g] Index [j£ Spatial jf] Fulltext g) Distinct values 

□ 

5 note 

varchar(IOO) utf8_bin 

No 

None 

# Change ^ Drop Primary j§ Unique g Index |jj? Spatial j) Fulltext g] Distinct values 


't_ □ Check All With selected: g] Browse ^ Change ^ Drop ft Primary j§ Unique {Fj Index 


(g) Print view ^ Relation view JH Propose table structure ^ Ifr Move columns 

Go 

+ Indexes 


Information 


i-i Add 


column(s)<§) At End of Table % At Beginning of Table 0 After id 


Space 

usage 

Data i€ KiB 
Index o B 
Total 16 KiB 


Row statistics 

Format Compact 

Collation utf8_unicode_ci 

Next autoindex 

Creation Apr 10, 2014 at oe:4 S am 


dXaf'Vlj CjULnij j Sjj-uail ia^^U ^ La£ 
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\r a 


config.php 4-ai^a 


1 

<?php 

2 


3 

Scoim = mysql connect ("localhost™, "root 11 , "") 

4 

c. 

or die ('"cannot connected"] ; 

O 

6 

@m.ysql select dt ("school", Sconn) ; 

7 


S 

?> 


JL-ajVI t mysql_connect( ) J^jVI j!>Li ^ a^Lop 1* Jza* ^ config.php ^5 a!^i ia^j U£ 

Ua-uajj 4u]& J*ttu ^^411 j2 ij^joU jjja 4-aI£ qjzj fl UJV APjli ^ j qsiusiY\ ( J1a % $£- JaU 4-aI£ root localhost 

.$COnn CjULnil aiA 

Si&tL JL^jVI 4JU ^ jla-uu ^ . can not connected c^j UaaJI aIa^ UiUaPb ja\ Ua^ ji <—4 JIa ^ t jixuu ^ 

(jA LjULnij di&Ui CjUUj ^jakjj V jJa^oJj ^ $COnn j^lL^I CjULnij 


cjULJI Sic-li jj*j fJ cjULnl] JUjV) *u1ap ^ UUaIaj ^ 1 \ Ljl^iuaii <j*Aj ^ insert_process.php <^i^aj insert.php 

:Sj^a]j <jS U£ JljAlj .school schooll c> 

: insert.php 4^i^a 


5 

<meta littp-equiv= "Content-Type" content="text/html; charset=utf-3 rr > 

7 

<title>Insert Data</title> 

8 

<style t\^pe= n text/c33 n > 

9 

.student! 

10 

margin :0 auto; 

11 

width: 4G0px; 

12 

direction: rtl; 

13 

color : #CGG; 

14 

font-family: "Times New Roman", Tim.e3, 3erif; 

15 

font-weight : told; 

16 

font-size : 16px; 

17 

border: solid #990 lpx; 

13 

border-radius : 3px 3px 3px 3px; 

19 

padding :4px 4px 4px 4px; > 

20 

</style> 

21 

</head> 

22 

<html> 

23 

<body> 

24 

<centerXb>uJLkjl uLu I i j ^^l</center> 

25 

<div class= ri student "> 

26 

<br /> 

27 

<forim action= "insert process .php" method= "post "> 

28 

i_i_ 1 h 1 1 p^L 

29 

<input type="text" name= "name "Xbr /> 

30 

ti 1 JJ3c_ J 1 

31 

<input type= "number " name= "mobile "Xbr /> 

32 

j l j_i—s—; i 

33 

Cinput type="text" name= "address "Xbr /> 

34 

lZj 1 x : i -.-H i 

35 

<input type="text" name="note" value= "ui "Xbr /> 

36 

<input type= "submit "> 

37 

</form> 

38 

</div> 

39 

</body>| 

40 

</html> 


insert_process.php 4-ai^a 
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2 

3 

4 

5 

6 


9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 
27 


<html xmlns= "ht tp : / / www .w3.org/1999 /jxhtir.l rr > 

<head> 

<neta ht tp - e quiv= rr Content-1 ype pr conterit= rr text/htniI; charset=utf8" 
<title>Insert Process < / title> 

</head> 

<body> 

<?php 

iCon= my sqli_connect ( "localhost" T "root™, 71 n T "school™ ) ; 

$name= $_FOST [ 'name " ] ; 

$mobile=$_POST [ "mobile 1 ] ; 

$address=2_POST [ 'address" ] ; 

|note=2_F05T [ ’note' ] ; 

2sql=™ INSERT INTO student (name r mobile r address f note) 

VALUES ( 1 $r.ame ' r ■ $mobile ■ f ■ ^address 1 f ■ $note 1 ) "; 

if £ !mysqli_qiiery (2-con, $sql) ) 

{ 

die ("Error: ' . mysqli_error ($con) } ; 

} 

echo n t L^JL_. iJL^I UL^r n ; 
mysqli_close ($can) ; 

?> 

</body> 

</html> 


/> 


: (J* US insert.php 


Q localhost/update/insert.php 



al* » m 

JjULu Jiji 



1 

^ v-ilUall ^.1 




Tl jw 



□ 

I] 4^’ 



L 

JjUa^SiU 




Submit 



.JjAaJJ cjULnij AoLaju ^jj&H insert process.php A^i^l flc-jlujl IajLui IL&I&j La£j <Ujju jxj 


: index.php 4-ai^a 


(select.php) ULialju <^1 A%waN a^-iLL* student ^ cjUUJ) AjUp A^L^il <9 

•AjJUij Sjj-ua]j ^ La£ A^luall ^ UJ?V U *‘J > JsjIj luajjj JjJju ^uib Jajjj j£ ^Lalj LjULnij diA JjAa. J^ju 


: jjsii c> JjSn f>11 
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\ t * 


1 

2 

3 

4 

5 

6 
7 
S 


<?php 

//including the database connection file 
include ( n conf ig .php pr ) ; 

//fetching data in descending order {lastest entry first) 

$ re sult^mysql_qiierY ("SELECT * FROM student ORDER EY id DESC") ; 
?> 


9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 
21 
22 

23 

24 

25 

26 
27 


<html> 

<title>i_ ! _ J u_ ! _j j_Jl </title> 

<head> 

<meta http-equiv= rr Content -Type" content= n text/html; 
</head> 

<body> 

<div style= rr direction: rtl; rr > 

<a href= "insert .php rr >j_jj^ iiLil </a><br/xbr/> 

<?php 

echo n <table width= , 50% 1 ' border=0 align=center> n ; 

echo n <tr bgcolor='#CCCCCC'>™ ; 

echo ™<td> p.d l </td> w ; 

echo ™<td>jl j^J!</td>™ ; 

echo T, <td> c ji </td> /pr ; 

echo n <td>jj l^^Lj</ 1d>" ; 

echo 1, <td> i p_jjj_r</td> w ; 

echo V/to"; 


cliarset=utf-8 FT /> 


2S 


IajU <jj£j jUij Jjakj SjLc- Y jla-ubl w phpJb <j^lkJl J j£l\ U|jj ) jla -uj ^ o!ki J j$1 \j La£ 

Jjjj U llua ji AoL jla-ubl AijUaj Jjajull r-jbujj AjjjlaJVI Ailib jjjL Jjalaullj // (ji^Luj (b5 14^ju Ai^jjjjj ^Ul Jlj$i 

.Jakjjl i—ukj ,j-d jj JjjuUl 

ji3lj ^ jliui ^ L a! $ jJaui ^ .t^jbbjj JtuajVI Ajbc* AaS -la .jj c i-bii ^uuj l^lkiJj UiJai ^^Ij include (jJ^/Vill AJb Y jiaui ^ 

Au-aLk UiUal ^j ^student Jj-^l CjUbUl jj^ ^1 jkl 4\\a& LULL l^iklijj myS(jl_(JUery ^Uj-ujVI AJb Ala^il jj jjjlj 

jl! jl ^jbj cr^J DESC id-S1 £ (Ak^ljj ORDER BY 

^Ul Uikl V jlauu ^.ASC j-lC'LuaUl tg-uik^j .AjIjJI ^ j^Jsu IgJtkJi ^j uJUa CjUIjj 

j]aui ^ Jj£ UabS ^ V jlxui ^ .jla-uu ji Jj£ j£ Aialaj Ai jju» j jlc> Uu*i4 ULbJbu Jlj£j ) ^ jJouJj ^11 ^ jlauJI ^ 

Ljuba jj ku *1 jjjj Aa^aLk jkua *«j cJljaJj j! jjJjjJI %®* (jlajxil Aj^uaLk U*-uaj Jk^Mj La£j PHP ^AJauil jj 1 W1°i ^ H 

l-jjjjjI] JjiaJl UjI Uk- ,A^i^a]j Ja^ij ^ JjiaJl cf^J center 

.. — JljaJl — Lj)jUp AaS ^balui jjjIj ^ SjbP cjj%^ iiftj jAj ukua Uaafi Y \ jla-uu ^ 

Y Y jiauu ^ y$\ Ajlklj ujjjjjIIj LMk UloP Y 1 Y Y jJiui ^>4 # Y V jlaui ^ ^-jj) AjI JkaVj Y ^ ^ JjV) 1 1 Vfr UjI 

. Y ^ jla*4 ^1 liiAj Jlj^l J-4^j Y Y* jliuu ^ AjjU]| AaikJlj 

: index.php AaAuai jjiil ^jU]| f JaJI 
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\ t ^ 


29 

30 

31 

32 

33 

34 

35 
3 6 
37 
33 

39 

40 

41 

42 

43 


while (Sres^Eiokysql_f etch_array ($result) ) { 
echo w <tr> w ; 

echo w <td> w . $res [ 'name 1 ] . w </td> w ; 
echo w <td>" . Sres [ 'mobile 1 1 . w </td> w ; 
echo w <td> w . Sres [ 1 address " ] . 1 ' r </td> ri ; 
echo w <td> w . $res [ 1 note 1 ] . TT </td> TT ; 

echo w <tdxa href=‘ edit .php?id=$res [id] 1 >jjjju</a> 


> 

echo w </table> w ; 
?> 

</div> 

</body> 

</htraI> 


<a href=■delete.php?id=$res[id J ■ >jjj</ax/td> w ; 


JjSH f JaJl Jj*ju 11a£ A£ ill] Lajj Cjbbjll dA&l£ ubUall JjAa qa bbLnll ^Ijal J-4XJ ^ j&j pi Aj jl t * ^1) Y A jJiui £>a LaI 

while -bj-^ll Ja'A Y A jlxull ^ laa^U LalS # while -bj-^ll AJauiljj Alall l^aljab ^jllj ^UluiVI Uua Ljbbjll fI paIuAj Ua ^jIIuj Ajlll pa 
jill jj*1a!I cjULnij &aa bajAlj $result ^UluuVI A^a jill jjIIaII mysql_fetch_array() bjbLnil ijWII aJIa J-asu 11*3 

. $res J* j Cjbbjll £ljab f jjbj Japill ^ ui^a Jl jjpbl j' «^' Aa1a*j 

jill Cjbbjll dAC-l£ JlaJl ^ La bl o' $res jbu-bl HjC-AIujI fl ^uj^U (jA j Aula Jj| baa2 Y* Y jlauu AjAa ulua llalS t“ ^ jlauj 
SapIS ^ mobile J^^l jl ^tl-all $Ajajj*ll Jljall cjbbj ftc-Alud ^jjj AljUbl SjIaaJI pail YT jiiui ^ bill' name A-a-ud 

. ? d J V* i jlauu lAlA j .Aalail ^j Ljbbjll 

Aula jail bAlaa^lall pijlxll Jljail fjJ^] jjal bAjboll dA&l£ uiuall ja! ill] jl uiuall pail bl JLa loll jIAj Y* 1 jiaui ^ 

.JjJxHI Jajjj jlj lajjjj JjJju <US lj jjLa jajjj ^ual] SJbj Uaj| 

Jjju o' ojs- 4 ( lua JjJxoIb ^,jAj lJu£ ^Ixoj o' UA CjULnij qa A1a\S CjULnij fI c-HujI <Ai£ IIaIxj f 1 jlxull J4 

jj AjAaoIb JjlAaJi ^j CjUbJi Jpjj£ ^ o' 1 V 11A bj£j j dAjjj jiij uLuoIl Lf lc« JjAlIII bJC-Luu ojsla jbju» o^a Ai^li ojjlj ulua 
jj c iihi jl Jau o' fcfklub Ua o-® .'^' V jaxj 4j jAaJj ^5; lua Jl jj (Primary Key) q- a ^ ji 1 ^j£ 

. jjll uijlua Jauj jj uila. ^jj V ^j^ ^bUj jj iJS) lit 4-kuj |jj ulua 

o' bi j'jIj o^ajj dJjAoil Q^aj^nll ^14^- ^uaj j AUlij jjl jj V ” ff AjjUj p/a^u/an pjja!^ pjj oj£j AjjI^j Ajj'^j qa Y'ljJauJl ^ 
edit.php Uluajj Jaj |j ^j AoU J-4*j UIAj JjJaulI jaj'j J-oxj ^jlluu ^ aaSaj,uaI] | J^ill ^] jlxull Aj'Aj £±a .^a^uall JUJb 

Jja*j IbS (edit.php?id=$res[id]) SpJubja Aai^al l ^1 Jxj ia^V ^aSU pjbi pjaj^ajj pl4^ pjj ojIj plj JjJalib A ^ufllll l Aai^al l pAj 
jl' jjxjjx]' JM1 pH (-lua]j AH'Aj U^jJ'j $id jAj jjijja ULaC- ^j jaj'j]' £a i a pxui JLujjI ^1 jjJjj ^j]|j AaL^II ^j*u] Au ^l^iluil A-j!^ 
^aij lib jaj'p]' ^ jAj JjAu jaj'j Jaluall ^j Ajl^ uluail ^ ajU pjll llA jjxlbl ^_u-ajj # $res[id] AlxuAjj Ljbbjil ^Ipll AaLaJU ^jjh 
Qjaj^Hll A-a!^ Au ^jjVI iaj'p]| A^a!Ac- bill I <blll Au # SjJjbu AJjAuI A-aP ALujj c luall ^SpSl lib JjAlj]' A^Lua ^jIjj JjAlIII Aavlua ^1 c luall 

.Jaj|j]| J j£ UHl I ^j (JjAu) A-bl ^j 

uflA^Jl AoLaai AJLujjV ^id jjHaII duail ^Sj Jbujjj uiAaJl A^luai Jaj'j JaP LaLaj Sjliil pjaij Luajj | J^iil A-a^lc- Auj jlxull pjjij 

.delete.php 

uiua Jlj Jj^aJl pi ulua jl Ja-uu jll ^1) Jj^ajil ^jj (Jl Japbdl AJiuil jj Jj^aJl ulua Jl AalaaJl jjIjj f ^ ^il V* ^ jiaw p-a ia^V 

U1 index.php A^lua J^H pA JjAaJJ cjbbj AJjajj pVI ^jAj Ala bl ^jS jj A_aluaJj SaaLulj JjS # uflAaj JjAxj A^bl £a JaIuia dua jt jIj 

:(AjAa Ailual) Jaj'jll ^1& hiSjpuall ^ 
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1 it 


0 localhost/update/index.php 






# t* ■ Z -it 5 







4iLjJ 


Uj^-j 



d»j=Jl 

pk*i\ 



jLui (jj^uij ufiAj^ui AjJlc- bULj J-aau ^ jIj bULj uaILj insert. php A^iua]| AiLual h* */iti -Ixj 


:^U]l£ index.php 


jpdate/index.php 






_☆1 # it ■ z « = 







ilia. 


cb-j 

OU^iL. 


JM 




| Jj^Li 


- Ljj^i 

987654321 




| 


JJC - >jll 

123456789 

JiajljjC. ^.iD 



■Ulja. | JjJaU 

<jj*jl_^ ajI Sj_jJ 

JajI* 

1122334455 




.ALsLuJl Sjj-ua]j ^ La£ Ajjjj^j bULj J-axj IIaS 


: edit.php A^iua 


A^iuall ^jAj d^f'l Sjj-uaii ( j L&£ ALJju bjj lJu£ ^Laj JjJju Jajljll laibaJl ixj A.abuall ilk ^ ; edit.php J-aP AjLjia 

JjiaJI ^ ^^Uluaj AoLaju ^jIj edit.php A ^ watt aL^ju j| ja !\ c luall ^aij JLuj jb HjLuj Ua-ua j La£j index.php 

^ U£ edit.php A^-fl ^ u* ( ^ (cfe^) fjij ^ U£ ^ jj£ Aaj^Jj bUbjj Sjpli ^ 


Edit Data x 

C U] localhost/update/edit.php?id=10 

\ 


☆ 




987654321 JW 

'jl oiati^ 


-UjlhI 



t idJl ^aij dUA A-JUil SjiaaJl (jVI .AJ £jU 3I idJj Aixuuljj AL^xj Jlj^l t a^\t flfrjluii ^ La£ 

^LajI 4ju .JljaJl jJu MiLa bULbl Jj«i3u3l AjUtj <jVl ^jb ,c*n,lViti AjIaC* ^ AJ ^baJ U& c^uJb AJ jLulaj > * jAj ^ Jj*a 

i */a t AJ^jlaII bULbl Jj4juj bULbl Si&UJ ujUillj uL^II l-L^J j(J ^£jJl ibL A^buflll ^j]&jj 0^) jj IvLualb ^ Jsuj JjJjlUI 

mLf h LuS AajJaIui <jj*-A 2 j£ Aixuiijj Axubjjj A^i^l ^11 1 ^jj Jaj ,U u*ia UUaLu post ^ A^jjia JMb id 

:^UIl£ edit.php A_ai^ ^ jjSII 
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\ tr 


1 

<?php 

2 

3 

include once ( " conf ig. php" } ; 

4 

if(isset ( $_PGST [ 'update' ] }) 

5 

6 

{ 

7 

Sid = S_F05T[ 'id' ] ; 

8 

$name=£ POST [ 'name ’ J ; 

9 

$mobile=S POST [ 'mobile' ] ; 

10 

$address=£ F05T [' address '] ; 

11 

12 

£note=£ POST [ 'note '] ; 

13 

//updating the table 

14 

Sresult^rr.ysql query ( "UPDATE student SET name= ' $name ' f mobile= ' $mobile ' f address= '$address ’ r note= ’ $note ' 

15 

16 

WHERE id=$id") ; 

17 

//redirectig to the display page. In our case, it i3 index.php 

18 

header ("Location: index.php") ; 

19 

> 

20 

?> 

21 

-<?php 

22 

//getting id from url 

23 

24 

Sid = $_GET [ 'id' ] ; 

25 

//selecting data associated with this particular id 

26 

27 

Sresult=rr.ysql query ("select * from student where id=$id"J ; 

28 

whi1e ( £re s^mysql fetch array ( Sresult }J 

29 

{ 

30 

Snair.e = Sres [ 'name ’ 1 ; 

31 

Srr.obile = Sres [ ’mobile '] ; 

32 

Saddress = ties [' address '] ; 

33 

Snote = Sres [ "note' ] ; 

34 

} 

35 

?> 


JjlaJl if ,la 4 JIa jA j . £ jlxuu ^5 LjftVn ^JL* f ^ui <^1 iiluj ^ 4 jlxui © jk-uu £ja (j.ii>uaj ^| 4 a^uuIIuj d!^! ^5 

VJ j-a)jVI diA <j-<a j£j*uJj j-4J Jj&j <jl JjSj Jaa^j 4j|dj ^ ^1 .ljULuII dJ&l£ JjJjuI) ^jj POST 4k-uul jj Lfrul^xj Jjj^j CjULalb 

. Yt" jkuj (j-a i-iillli l-iA 3j (iliii ( ^V w < ) JJ ^5^ iaxJaij ixj V) U -iiL 

: JjSII c> <^1511 f>« 


36 

<html> 

37 

<title>Edit Data</title> 

38 

<head> 

39 

<meta http-equiv=" Content-Type" content="text/html; charset=utf-8" /> 

40 

</head> 

41 

<body> 

42 

<div style= r 'direction: rtl; width: 400px; margin:0 auto; "> 

43 

<a href=" index.php </a> 

44 

<br/xbr/> 


uLj U1a& £ T jkw 1* 4 jkui J jA j Axlij jxajj) 4 jlU| J j£ V V jkuu £) jj£> \ IlaP £ £ ^\ V *\ ^ Jlc- Jj£ d^I jkubl 

Jajjj # 4^iual! ^ Ixuijl* uLill U1 *aj jLuuilj CjliLu^j J^joSj £ * * Ub-ld. <jkj*Jl jLuuij qaa^1\ dIajVI ^aitua^ 4j^|djj 

. i £ jkuj £^jkuj JjJHI Jj£ # JjJjlUI ^ 4-11a 4j-uijjj1] 4ajj]| 4auujj 1| dUjAuuij 

La£ Jjillj 1$ Ufrri Jlj-bl CjULnij Jjjjluil 4jbin ^ jj&j ULuui V & ^1) £ ® jkui ^ 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 











\ i i 


45 

<form najne= Fr forml rr method =rr po3t rr action= ,rrr > 


46 

<table border =FT O rr > 


47 

<tr> 


48 

<td> \ </td> 


49 

<td> 


50 

<input t' i ?pe= PT text Fr name= ^naiae 11 value =, <?php echo Sr.ame;?> l > </td> 

51 

</tr> 


52 

<tr> 


53 

<td>ji ^Ji </td> 


54 

<td> 


55 

<input type =FT text n name= w mQbile FT value= ‘<?plip echo ^mobile; ?>■ > 

</td> 

56 

</tr> 


57 

<tr> 


58 

<td>o 1 j_LjJK/td> 


59 

<td> 


60 

<input ti^pe =PT text n name= "address" value =, <?php echo Ssddress; ?>' > 

</td> 

61 

</tr> 


62 

<tr> 


63 

<tdXj l_Ja^!M</td> 


64 



65 

<td><textarea name= "note" cols="20" rows="7 "><?php echo *note; ?x/textarea> 

</td> 

66 

</tr> 


67 

<tr> 


68 



69 

<tdxinput t yp e= "hi dden " name="id" value =, <?php echo $ GET [ 1 id 1 ] ; ?>■ > 

</td> 

70 

<td>< input t'i^pe= "submit* name= "update" value="ii_ij^j"></td> 


71 

</tr> 


72 

</tab!e> 


73 

</form> 


74 

</div> 


75 

</body> 



POST L a ** ^j 4Jl^ laj-ui i jla-ui # i jla-ui Jajuill J^bLb ^aJLa f^uu jj Jjbll ^ a ** j \ 4 jiaui ^il ® jiaui ^j-<a ljbl a*■ bj£j La£ 

^ ^ ^ i^\ ^ (j* .Jaj^i Jj^l .VT ^11 i o jla^ <> forml Sjj^j^Ij update *bu&b 

.t*n^Vi jj Jaa^allj 1$ Ufrn -Uu CjULnij ^^LLuub CjljjilaJl dife ^.CjljjJLLaJl J^b ^11 ^jjiil LjULnl] POST 

i\uVill Jxj ^jjAJI £y* AL^IuiaIIj Lj|jjxla]| ^ JjajaJI EjjiaJb 4 avVfrll CjULnij J|«bluulj SAaC-VI Jj.1ju 3| iiilj ^jj 1 d ^j| ) t jiiui ^ 
Jj-uflj ^ 4_±^jjil 4 -lUxj ^ jj&j (b5 ^)j header <^Aj < 1 ^ 4Jb 1 i4.v\u*il \ A jiaui ,^jji]| 4alc- Jj^aaJI id ^Sjl! aJ^uiIjj 

.index.php 4% Wall JS 4a^jj]| dJlc-l 4 uLju ^j£j ^^Ij tg-J j^aLaJl j-aVI Jbila t^Jl 

j-uaj j LhLui 4J jLuuJl Jaj|j3l GET 4Jauil jj i(J ^£j iil 4jUtj ^ j!j Y Y jiiui ^ 4jbc> Jjj La ^1) Jjju Y 0 jlouu ^1) Y Y jJiui ^ 

jiaui Ja^Mj La£ id ^5j3l Jajbb (_iua]| Jjjlub Lbui 4 Jj.Jju Jlj-a]| uLuali Jjaw 4jJlc- ^Uluil 4jUt j ^jAj Y 1 jLxj ^»j Jjd jjjlLJI ^ id ^Sj^l 

.(where id=$id) kj£A\ 4iauiljj Y *\ 

jlxy jVI ^ Lib Ja^^U La£ UjiuiLLbl jjxlbj ^ 4^u3 j£ jbajj ^ jAjj 4Jja1ui ji]| ui^b 4^laJj CjbLnli c jW 4jUtj ^j!j Y* i ^11 Y A jiiui 

.rr ^i! r * 

jLuujb ^j^j Jjjj La 4-iS Jjxiuu Cjfljil (jjaij j 4Jixlui t Cjbbj JjHuouj jllj ^jjill J^ju LLa£ V Y jJa^j ^11 i ® jia^oi ^a 
4^jjJa]| <jjjju ^j forml dbj^uulj ^ajji Uaa£ i 0 jlxui ^ ^ J-^b VI ii±L (jl 4JI ^ LUI£j ji]| JajuJl jl 4jvi^j| ^uili CjbbJl 

C>^J POST 4ia<uuljj 4JI CjbLnil JLuu jb ^jji^l ^j^xui ^^1 4%^/ati ^a-uul J-asu ^jAj ^jl ILLui LLalxj ^JfcV! jAj (action) c>^VI ^J POST 
lil edit.php 4%^/ati action J-^ ^L 4-ai^a ^JJ V 4JI jj Lid j/aj^u cr^a^ J-^aluu 4jbL^Il ^>aij ^ JLuu jVlj (Jj^uil (jV 

Ljuba jj 4al£J| 4al^ ^uuVI 1^j5 LLu£j i A 4uH iV i lua ^j Jj^ 1 W1°i i 1 jiiui ^ . edit.php ^1 ^baj jj 4^-jli IgjSjaj 
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\ t 0 


.AJjxIuj t IasiW CjUUj value <^ft Uft 5-Li.IaJl ASLIaVlj 1 $ a /\ilj \$\aC> Ajfo U&jIuj LLaIju li j text <j-a lg-i9 

f * jlxu4 dlLl^ ^ujVI jl CjllLdl flP Jluil J-4 *j ^.jftj (j^Luajj (JiA$£> qai ^uj^Ij A.ualiilj o * jla-ull value A^LUj la^U La£ (illI] 
j^iaj V (_$j-uj julsu AlSf id ^ijJl ^1 j^b ^^ ^ jla -uj Ja-^V jla-ujVI ^ JjlaJl AiL £-a l«i£ftj .Cjllbdl S-lC-li 

V jlxulj Jlu-iadil Ajbc> Aj jU^Iuj $jd jjildl dlliiuilj GET AJauil jj jajjjil Jj LjUbdl D-iC-lS L>“d J Aj luI^ 1 HaP 

. y i jk^IIj 


delete.php A-ai^a 


:^UIl£ I^J (j^aliJI Jjill £j£j delete.php A^i^ali AajUI ^jj f Ludu^l ^Ui index.php A-a i *^ ^ Lila. LjIj JaLIaJl Jxj 


1 

2 

3 

4 

5 

6 

7 

8 
9 

10 

11 

12 

13 


<?php 

//including the database connection file 
include ( w c onfig.php n ) ; 

//getting id of the data from url 
Bid = $_GET [ 'id' ] ; 

//deleting the row from table 

$ re stqI t^mys ql_que ry (" DELETE FROM student where id=$id n ); 

//redirecting to the display page (index.php) 
header ("Location:index.php w J ; 

?> 


jliui ^6 config.php jft ^j&SLmaI] { aUtij include A^b aJ^uiIjj cjbbJ) SjC'LL JL^IVI Ad*& T jJ^uu ^ £jdb £jdll ^ jft bd 

AjUt j £bu^\ lift j ciiaJl AjUp A jiiui ^ JJd jJddl ^ Asulaj (t ft^Adp IdLudi ^ 111 Jajjjil £>* id fSjll Jj-uaaJj AjUp ^ 

. idil J^b Aij ^Ul t lual] (. i±ail 


jj (^jl -is delete AaL^II <_$jj V ci^aJl ±i£- dll 


index.php 


^ ac, ^ y i« 

dlJlf'j j Ail^ AlfllA ^Ul uludi 
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)9*aJl£0 J-aLaUI 


> n 




JjjJajj ^ jilui j a^I flui <j) Jaj^ou <jj^u *i Ig % a JabuJlj Ab jSIjaII ljUluiLuiIj ^Al MyS(jl^ J-* php AJa^l jj Actual jjjju 

.LjULnij S^c-li £>* ujjjJI Sjj-ua]j (j *ajPj CjULnij S J&l£ ^1) Sjj^-a jij AAi£ Jj^ hu m\ Jlla 

• ^Aj CjlAlaJl ^ijj A-ualaJl Ujj jA jj-uall ^ij JjAaJl 

if(move_uploaded_file($FILES[ .] [’tmp name’], $.)) 

Jft jt 4jb£j f ($_FILES) Aa^a ^£U]L move_uploaded_file() 

# gS,ij-ftli Jib <j^ll ^ A ti Ji <1 AIaII ^-uaj ,jHa <_$ jakjj ^uj| jaJuj .) jjIVI juilaJl j i^SAa2 

: 45A j 4 .V\u*iu*i A^llU AiUal 


<input type="file" name=”."> 


• jLlaJ! 


ljUUj dl£>[1 J-43U ^jiluu wAjjj-u3j AauiIj L-ila ijaII (JJ ^j ^a]| JjAaJi JjA^ IfrAll^jj CjUUj d-lC-lii J-aju ^jlj Ajjj Ha! ^jlajAiuj 

Aalalua T' LLil WWW aIaaII Jib images ^ A Jaju cLuajj pic AjauiIujj Luajj JjA^ lll^jj pic I^j^uiIuij 

:^U]l£ A^i^a J£ J^ j (index.php - add.php - view.php ) 


.t^fcll <y* ^Ji\ AiluaL ^jklj A-u^b^l A^l^il aiAj : index.php 


'CjULnil Sj&l2 LjULnij AiLuaij £2 jJ| AjUtj AualUl A%4o/ati ^jAj :add.php 


j-a LjULnij ajP A; view 


• Sjj-uall La£ CjLilaij jLut .Aoll jj^all < ^ J £] J^-aVI 


images Jib Uiajl images 



Organize ▼ Include in library ▼ Share with ▼ Burn New folder 


■^T Favorites 

Name 

Date modified 

Type 

Size 

B Desktop 

In images 

T*1i/*i/T0^ W:0V 

File folder 


^ Downloads 

^ add 

TOI/*£/To r 0:*1 

PHP Script 

2 KB 

%il Recent Places 

T>_ index 

T*1i/*t/T0^ 0:TT 

PHP Script 

1KB 


^ view 

.A:ir 

PHP Script 

1KB 


• Sjj-uali ^jk La£ j£ 1 uij pic Jj±aJl AiLuaVb pic auj! CjULnij 
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\ tv 



jAj photo t fbudubU name 4 Luajj ^uuj j]| ^Uiali jA j jA j uftlaj^ JH ^3jJI ^Ijuj id SaaC-VI ILaI Sjj-uall La£ 

AK * ( jl^> jlLa jj jLula 

: index.php 4^i^a 

£_jj <ja Cj!^AaJ| 4_^uaLk ^A j AjAaJi Aj^aLkJl ^11 Aitua'tfb Uuaa dll&kj <_$Ail J^tki £>* ^ULnij AiUal AjUtj ^j^tkJl AjkSl J-asu ^jliui 

^ La£ Ajkll <jj£j^oij CjliUi! 


7 

o 

9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 


<body> 

<div 3tyle= ri direction : rtl; rr > 

<center> 

<form enctype= "multipart/form-data rr action= " add . plip* method= " POST ■ > 
L^2.j_LJi p^l <input type= rr text rr name =Tr name n Xbr> 

5jjir> .1 <input type= r, file rr name= rr pho to rT ><bi> 

<input type =TT submit" value="4_JL^f "> 

</f on> 

<br /> 

<br /> 

<a hrpf= rr vi pw.php pr >.-.i -.1 1 r :\ C! aj_p</a> 

</center> 

</div> 

</fcody> 


ji AibiaVb A^iuall Jaui j ^jjAII jjkol ^jjAJL ^2 Ik uLa IILaC- A jlauj ^ body-^ J^lA AjAIc- html A^i^ $^£-1 $ jj^all Ja^^U La£ 
^J) Ijlui jiui (b 5 1]| CjULniL UlaC> ^ t jjaui ^ * jliui ^ .jLuaij C}* (j\ Aajj*^i Ail] I ^&Aj dlaul jA j all 

\enctype c^Aj fjjal] A_^alk UiJai ^jjil] UIaj fjjill jSL li^S ^ * jla*4 ^ add.php A^i^l 

A*ij] uaIa LLaJ ^Ailiu multipart/form-data ULLla^ij (POST) 6* cA1jlA\ aja^J 

. POST Uaa^j method-^ fS add.php A^i^j Uaa^j action-^ ^ 

jj lIkual \ T jlauj w type— M flic M t flU g’ jj j- 4 Cl£lkA4 < ^ J Aj Lj^lkA^I] dAjAaJj AoualkJl ULuai ^ t jiaui & ^utVl AiUial JIa ^ ^ jiaui 

^djj^all (jk La£ Aai^all Jkuj *j<^ -<j <.) t jIxuj ^jjill 1 i^fej submit-^^ 


Q localhost/images/ 



■. ii ^ ^ .il 

No file chosen j 

Choose File 

| isL-l 
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HA 


add.php 


Ajvi-ua 


La£ Jjill (jjiLtuuj .jijxJl JS 6jj^al\ jijj CjULnij 3 -IC-Hj JLusjVIj AituaVI AjUtj ^ jjalui (b5 j]| ^Aj ^aSH A%Q^| diAj 


7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 


<body> 

<?php 

Star get = " images/ 11 ; 

Star get. = ^target . basenair.e ( $_FILES [ 'photo 1 ][ 'name 1 ]> ; 

//Thi3 gets all the other information from the form 
$nair.e=S_FQ5T [ 'name ' ] ; 

Spic= {$_FILES [ 'photo ' ] [ 'name ’ ] ) ; 

// Connects to your Database 

mysql_connect ("localhost 11 r n root 1, f ww ) or die (mysql_errar () ) ; 

mysql_select_db ("pic™ ) or die (mysql_error ()) ; 

//Writes the information to the database 

mysql_query ("INSERT INTO pic (name, photo)VALUES (’$name’ r 1 $pic 1 } " } ; 
//Writes the photo to the server 

if ( move_uploaded_flie (S_FILE5 [ ’photo' J [ ’tmp_name’ 1 r Starget) ) 

{ 

//Tells you if its all ok: 
echo n ^l_j^JL_i ijLidl r r " ; 

echo n <a href = 1 index.php 1 > j l^ i ij 1 i Sj.j_c</a> w ; 

} 

else { 

/ /Gives error if it3 not 

e cho 11 j l c Ji j ii] i i_fs . . p ~j j p ! " ; 

> 

?> 

</body> 


jAj c>jy^l\ £ua j jLuia 4_Lk)Ai U&Ja jj $target j jJ lLa U1a£> A jla-uu j) J Ul«b A jiauu ^ La£ 

. images cr^j images/ 

. Jj£j| uua CjULnii SiC'ti ^uul JjSfl jtuuJj AiLuaL Ha2 ^ ^ 


$target = $target. basename( $_FILES[ , photo , ][’name’]); 

i, *\a\\ basename() A^b AiLiaVb Adas JjjLuJI jaxIaII aJ lliiuA JjSM $target 

(jj&l* ^LaS cii jA jAj jijlwi t a\a\ \ ^J) Sjlwil photo 

t $pic ^1) d t aUti llLiluil ^ i jlxui $name 1 ihVu<il CjULnij J1 \Vu*\ 4 \\ag> \ V jiaui 

.LjULnij Jtuajj AAap > A j ^ V jJiui 

J^su 11 a£ t i jlauj ^ CjULnij diL^luuj ljIjJlLaII CjULnij oj^li ^11 CjULnij ^^jlLuuI fLuuj Aj1aC» t ^ jJiw ^ 

jl c . lUU Sjl^l $_FILES[’photo , ][ , tmp_name’] AJWi ^ JjVI * jaJ! HjLjj UUj£j AJIiil ^ AuIasJ JajJi 

3a£jj AJIa ^ jjii) (J-a U1 ibVu*il djj ui^Jl jAj AJliil ^ f ^aj ^uub jiij]| Aj1aC> j Igjtiijlui 

llok CjA jl^ ^JLa .A^Luai J\ A^iuall ^Jajjjj Aj1aC» AJLuij j Y A j Y 0 jjlxuull b» AoLaC- 

.llal AJLduj Jelse 
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: view.php 




7 

g 

9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 


<body> 

<div 3tyIe= ri direction: rtl; rr > 

<centei> 

<?php 

$con=^mysqli_caninect £ w localho3t w r "root", n pic n ) ; 
if ( mysqli connect_ermo () ) 

{ 

echo "Failed to connect to MySQL: " . mysqli connect error (} ; 

> 

^result = mysqli_query[$ con, w SELECT * FROM pic w ) ; 

whi le {$ row = my s ql if e t ch_a r ray £ $ r e sul t ) } 

{ 

echo n <img 3 r c=ima ge 3/" . $ row [ 1 pho to'] . 1 height= p, 120' pr width n 30"> " ; 
echo "<br>"; 

echo n l : " . $ r ow [ 1 name ' | ; 

echo " <br>- 

echo "<br>"; 

> 

mysqli_clo3e ($con) ; 

?> 

</center> 

</div> 

</body> 


11Y \ jJaui cs&J .LjULnij SJ& Jli (jA Sjj-ua]) ^)jl) AJ&jjlaj AuiLS U u+ia ollLilaj oIIaIxj La] j j£2a j A ^4^)) oiA 

uijL-flj HTML ^ " ff ^ PHP Cy ^a HTML ^ l$) u' £)j^j 

^ la^U La£j # f j^]| AjL^J (jiajaJjj Jjjal] Uj-la. La£ IaUIAj Sj-uaLaJ) ^ o^j^LLa J-asu ^ jAj t jUVn Lual j) 

: JjV) *>M 


Echo M <img src=images/" 


f jaJIj .^>4^1 j) Sjtla ^]) jjAj f jaJ) liA j 


$row[’photo’] 


ljLuiILq *<^\\ ^Jaluu] (jlajxilj JjiaJ) Jj-lal f j^]| ^ cCjULn]) SiC-li L^ujI JluJj ^j]| Sjj^a]) jaAjj 

height="120" width”80”>’ 

jl^uu Jjia. jjoui Luajj oixjj J^ali Jal 4iLua^L jlxui Y i jjiui ^yiVI £)j^) Y V jlxuu Jj. 1^ jlxuu J^ju ^,jAj Y Y jlxuu ^ 

: Sjj.ua]) La£ CjULn]) 4aj*j ixj A^vlua]) JH jjloujj Y ® 
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r CD localhostyimages/view.php 


^ * d s z i i = 



^ i s_ Q ■ ■ ^ 



JiajljjD >*lC: 



Yusuf Saleh: ^ 



s jjjC; 
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S 


(jA CjULnij jjJj CjLxL-2 <jj£j <j| j3|jj»J| dAgJ i-i^i AjjL^I j3lj4 jl <Luwjjaj c1ijI£ f Ij-ut ljUUj ^j2ajju ^j^j <UjjjjSMI jSlj-aJl ji Laj 

VI l$-^l J«u3j V cin^j l^Jl Jj^jll JjjSj j CjUi^all dAA AjLa^ ^ ja££ jSj^Jl jj. 14 l£j ^ jAj dife <jl Lajj # djj£- j Jj«JfluJlj Jl^JVI Cjj^ 

,<jjj^I (jjaij La£ £fij-^l jj.1* 

^ j IgJ J-ala j^i £jj ^1 Uajij ( CjLuilaJi ) AjjjsJI AxUb l^ 4 > jjj SESSION -M A^jia AjU^II JjLuuj jIxjI A-fjjjj£JVI j£l jaJI ^ 

.AjjjIxjVI AiUb ^U£ I^ua^ JJaLj .Cjl£*£Jl 1$1 ax jjj COOKIES -M Aliutj 


SESSION Jl iL Lo^JI 


: Jj£Jl Aia-uul jj Aj^dlaJl Jjxij u^j SESSION-^' 4j£ J-4 *j ^jAj IAJjjj <^1 CjlxAuall AjLa^J 


1 

2 

3 


<?php 

3e33ion_3tart () ; 
?> 


jj*Ia £jjj*jj j»jij SESSION-J' J*J .SESSION f-M' Uliuj ^LJ LjJ. jftj L»Lu AjIJj J Jjiil jJaj plj 
i^j oj%j Jii JjjS jl (Jj j (unique identification number) J**j Jb*^' fjfH'j SESSION-^ 

: JUJI j j&IL 


13 


= 3H]53:CM[ 'me 1 ] = , YES' ; 


&i*j .me SESSION-^ YES c^j a^»j£ Jaxj liaS ^ me *11^1 Ufcj ^ A^KI I SESSION-^ Ajjujjj ^jaj a^l jj£JI ^ U£ 

.Ajj^all lj 1^4^11 ^iu^jj ^o^joj ^j]| ^A A^uill 

:AJl^l Sjj^I ^ U£ session_destroy() A^t Aia^ljj SESSION-^ fbiiaj ^ 

session destroy O ; 
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SESSIONJI 


Soy 


£)a wamp server bj ^ (output buffering) Jj*£L pjkl bAAi*]! AjU^J Jli* J^labb JjS 


: Aa]lo]| Sjj-uai! La£ php-ll 


Jl ill »»<l t« ac 
’ -V-iai 


& 


» * 7^ J p JjA J&jl JjA 

ul^tgjl T ul^c V OI$jlC 


Jj* 


jj* 
vSilC 1 


•0 


1321 


-j- J y2k compliance 

.4^jjlaJV' AjLUU ^4 US JJai. zlib output compression 

implicit flush 

allowc call time pass reference 
safe mode 
✓ expose PHP 
display errors 

' / display startup errors 
J log errors 

ignore repeated errors 
ignore repeated source 
J report memleaks 

SESSION-' hj .SESSION Jj*iij UU*-.j ^U.i S track errors 

-Uji- > ' . Vi ..4 JS2 ijjfi jl (unique identification 


: JjSlI UuaUll JjlL .jjj SESSIO 


<?php 

session_start () ; 



register globals 
register long arrays 
register argc argv 
magic quotes gpc 
magic quotes runtime 
magic quotes Sybase 
enable dl 
/ file uploads 
y allow url fopen 
allow url include 

o* wamp server !jj o»lSJI ^ (output buffering) Jj»iu *jij JjLiIaI' AjLaJ Jli» J-cj JjAtfL 

; 4_jIU2l J US p hp— 1 Uljl 


s_sess:c:: [ ’me’ ]•• YES’ ; 

*j*j .me SESSION-!' J YES ^ J U*-* ^ tUi ^ me Uk j Uj i 


(XDebug): Remote debug 
(XDebug): Profiler 
(XDebug): Profiler Enable Trigger 
short open tag 
asp tags 



| T< 


output - PHP settings - PHP jb^b £ 4 -bbill I 4 bjlLI ^ U£ 

.tg-aUI <b£k -i^b ^ 144k- LLuaiij buffering 


• S j£a!) JLu^jV Ja^ 4J Jlia 

. ( simple.php - simple2.php ) Ja&j www session J*aj 

ij$l\ . <bulll tgikibub ^ jaj ^ 4 -ajS SESSION fbibb fbii! Alibi j jj£ ^ jjb: simple.php ^ 

;4-bb]| SLa£ 


1 

<?p!ip 


2 

session start (); 


3 

$_3ESSION[ 9 me p ] =, YES 1 ; 


4 

5 

echo 'Your SESSION value i3 : 

p . $_5ESSION | p me p ] ; 

6 

?> 



jAj dUbibi SESSION-^! c£b 4 ^jS bil^i T ^ session_start() 6* SESSION-^! ^ (b t ^ 

.YES b* .me SESSION-^! ^ ljukl\ Ubla 0 ^ .YES ^ me 

. Sjj^j ^ bx£ ^jlb-uuj 


Your SESSION value is : YES 
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V u Ja A a\W\ L-ilkjj AajLuJI A^iuall cs$ dULiji SESSION-^ *1^! simple2.php ^ 

^ U£ Jjii) ^jluduj 


.1 

<?php 


2 

session start () ; 


3 



4 

unset (£_5E55ION[ ’me' ]) ; 


5 

session destroy () ; 


6 

echo 'Your SESSION value is : 

'. $_SESSION [ 1 me 1 ] ; 

7 

?> 



UaS o jia^j ^ tunsetO Aia^ljj LL <j^LaJI me SESSION-^ £b*! ^ ^ £ SESSION-^ ^ 

^ .me SESSION-^ a^jaII jrljlj t-v^ 3 ^ SESSION-^ ji fi^\ 


Your SESSION value is : 


.SESSION-^ j**4 j l^\J\ ^ iS ajv a-ojaII ^ d!^i Sjj^l U£ 


: SESSION ci^ 

<_$l !^L» sessionl A^uJj WWW <-aU JilJ Ala^ J^ju ^jAj. SESSION-^ A_ijAj JjjJsjj aJoulls A^jll AjUc> J-aau ^jilui 

;Aa]U]| LjL^ualj ^ jI^jj .Ha**!] ^xuii 


.JjIaII cfe^j f jj£ index.html A^iua 

.SESSION-^ f •aj L^tj ^i£ <> aSUII jj£ ^Ij login.php A-ai^a 

. SESSION-^ AuIaP f Ajj A-a1£ a£U1| Aaj VI Aj V Aj^aII A_ai^al) <^Aj document.php A-ai^fl 

.SESSION-^ ji ^A*^ cA^ <^aj logout.php A^iua 

;ila. aII JaIj CjUIaII j^Jsj Sjj^all ^ La£j 


s- 

Name 

Date modified 

Type 

Size 

™ document 

T*W*£mp +LTX 

PHP Script 

1 KB 

^ index 

T*W*1/1V *T:V* 

Chrome HTML Do,.. 

1 KB 

™ login 

T*W*£/^p *iT* 

PHP Script 

1 KB 

Tb logout 

*iTo 

PHP Script 

1 KB 
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index.html 4-ai^a 


y fit 


JiL POST-N AJiujjjjj ^ jjiil 4ixuuljj JJJ*1\ 4-al£j ^uil j cjULnij 4 jU»j index.html-^ 4-a^a 


:^U]| JluJI ^ U£ jjill OJ%^J login.php 


9 

10 

11 

12 

13 

14 

15 

16 
17 
13 

19 

20 
21 
22 

23 

24 


<div 3tyle= rr direction: rtl; rr > 

<center> 

<hl > J j_J I < /hi > 

Cforin method="post" action^ login. php"> 

p ■' -> i ■■■ ■«■_5 1 p- ■■••■ I 

<input t^e= Fr text ri name= "username" /> 

<br /> 

j j j ± ' ! 1jJL£ 

<input type= "password" name= "password" /> 
<br /> 

</p> 

cinput type=" submit" value="„jij _ /> 

</f orin> 

</center> 

</div> 

</body> 


IgJ Gj-ia* j POST 4^j^i Djjill 4 jI.1i lialklujl y Y jiaui la^U <, IaP t&auua UUIaj 4Jaouj Jlj£j Sjj-uali ia^d La£ 

fjjiJI imij submit jj fS Jjlaii name-Sl f2j Jji* UIap Y ^ Y^jla^ . login.php 

* 4jllM) La 5> ^ -va^t| *i # Y ^ jh^i ^2 


localhost/sessionl/index.html 


*1 


Jja-uu 






| | 



: login.php 4-ai^a 


4 jUc> Ixj Jjjj La£ Ujjjju ULLaLi 4 j^iua]| ^2 jjjaJl 4 -aI£j ^uul ja IgJL 

^ Jj£j| (j j£j^u j .Qaa. ilLuuj JajJ^i Jjj&^j ^-IC* 4Jta. ^ # l^J Jj^ajJl ^jjj 4a 






^ U£ login.php 
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) 0 0 


_L 

2 

3 

4 

5 

6 
7 
S 
9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 
21 
22 

23 

24 


se3sion_start () ; 

?> 

<html xmlns= rr ht tp : / / www .w3.org/1999 /xhtml rr > 

<head> 

<meta littp-equiv= "Content-Type" c ontent = rr text/htiil; charset=utf'-8" 
<title> jjjj_JK/title> 

</head> 

<body> 

<?php 

if ( $ _F05T [ "username" ]==" admin n £ & $_F05T [ "password” ] ==”12 3”) { 


^SESSION [ 1 me 1 ] = 1 YE S 1 ; 
echo" t L^jL_i fLj"; 

echo”<a href = 1 document . php 1 * 7 * * U ,il. \\ </&>"; 

} 

el3e| 

3ession_start ( ) ; 

$_SESSION [ 1 me 1 ] = 1 NO 1 ; 
echo" iD " ; 

> 

?> 

</body> 


/> 


J-43U Ua§ ) \ jiaui & 4 j£l\ J.43U f -lli ^ * jiaui 4juiaj SESSION-^ 4^ 1" 

SjL»il uLSImI Uji tj\ "admin" <>*jj (==) • j) $_POST["username"] o'J* 

admin j^-VI LJjja. ^ ^ username $_POST index.html Cy> ^mt j! Atiidl 

* a!££ 4 jjjxjj LLa 2 ^ll ^ t T Jjj-uuUl] AJjLLa U1 a£« (j) (jJ&uj (&&) ^ ^uiVl (jausu Lii£«A4j 


^ T jlxui /ji (jj-uujlij La] Jjlll ^Ilui (admin-123) 1 AjjLuia dl£j jjj*a]| 4-aISj aaII ^uii JHa) ^4 j Jiau llLa. ^ 
4JLujj J-aP ^44 > i jla-uj ^ .Aja^aII jlual YES £aj^a ^4j me ^aaVI LL SESSION-^ 

,(j4j£]j 1 i^fej ^ 1 jliui w document.php j 4 ja%a]| .LjIj J-asu LLa 2 \ o ^ J£lu ^2 4JL 


f .ill ) ^ j]aua • ^JUlS (jAj else-4 ^LuflUJl ^lui jl]j J^)^4 La djjf jj^VI J-aC- ^44 ^ 4 ^ 0 ^ j4P jLub 4Jl^ ^ elS6 ^ ^ jiaui 

^iuajJ! £i<u iualiJl tuill (jAj SESSION-!' NO tuS ^ Y. jla« ^ session_start(); aJimIjj SESSION-" 

.Jjiil Uilf'j T V* ^ .Uok 4 JLujj t > jiiui ^ ^4 .4ja%a]| Ljl^lual] 

. La£ AjvAuall j^ialui jjjaII 4^aI£j ^^Vu*ia 1| jLuu jjj-a]| Jxj 


^ C D localhosVsessionl/login.php 


,-^-^J 1 ■_iilAJ 1 *_' w 


.^ja'naM document.php 4 aL^II U^J4 ^i]jj (^ A^ a\\ i. aLaII) Iaj|j]j iaLuaib ^^IulaII ^Jk 4 


document.php 

UUla Lilli JjIa <j4» jl ^j^]| j41a LajIj ^Jbtil ^iufllAll IjJl J^d4 V jSj^]j Jljj 4 ja^aH CjLxLuli JIoa A^Luli dlt 

^ La£ j^Jalui ( 4 ja^aD AjvAuII) IjIjII JaLLail ixjj j^Jaluj ^ jLub jjjaJI 4-aI£ Jlljj ixjj jaa-ua j£lu gS_: jaJ| Jljj ixjj jit 
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^ on 


<- -3> C | 

D localhost/sessionl/document.php 

- tl r - 

^ jjkjl Js„.| 




. A_JUil Sjj-uall (jk La£ A^iuall J j£ j 


1 

2 

3 

4 

5 

6 
7 

g 

9 

10 

11 

12 

13 

14 

15 


<?php 

3e33lor._start () ; 
if (£_SESSION[ 'me p 1 ! = I YE3 I ) { 

header ("location:index.html" } ; 

} 

?> 

<htnxl> 

<head> 

<meta http-equ±v= rr Content -Type" c ontent= Fl text / htral; 
</head> 

<fcody> 

<P>i_^u^JI lOL^.!_^uJi </p> 

<a href= rr logout .php rr > & jj^Jl jH_^iii-j</a> 

</body> 

</h.tnil> 


chars e t=ut f-8" / > 


uftlbi q *aJ jS V jla -uj SESSION-^ Jj*fry bta Y jla-uu Jj£ Ui^j ^ jJauJI ^ a^ ia^U U£ 

M $l£ til <>jj if($_SESSION[ , me’]!= , YES f ) ij-S SESSION-^ J YES *-^1 <> ^hU ij-AII ta ^ 

jIajj index.html 4 -ai^a ^11 ^Vu^ l Jjabj 4 JUJI aiA ^ (^jLaj V UUa-4 j= dn^) YES V me SESSION-^ 
,A1aI£j ^ aUti ^ jla -4 (j* ajC- <^Aj j!a-u6U JliAjVb YES l£ 4 Jt <^l ^su £t£ AJIa ^ .Lj-utU <ja£Iaa £j£j UjI^j 

Jaa-uail Jauiljj c .fl.l4.il Jplc-b ^jjh ^ 4 % 4 il uflL^I ^ Jjjj La <j-a nj <jl ixj Jj'wn) Au 2 lajjj ^ f jJouj g4 la^^U 

.UI4J SESSION-^ * 4 ^ 14*4 ^ j£i logoutphp 4 -ai^ jjJ ^b UAj (£jjUI J^aj) -MjJI 


logout.php 4^i*a 

Aa jli Jj^iib gSj-bl jjJ-a e li |3| AjI UA a-iiliilj ^ 4 ^ 4 ^ uAIaII ^Lualj ^Aub (b5 1])j SESSION-^ ji j4A-b Ajbg> A^i-uaii aiA 

Ajbg> gyA £jjaJl (Jj^ub bliii g^l^uij g)-a A^Luali Jj^ajij ub£ Jj^uuj ^jSL A1 a& j Aja^aII A^iuall ji 

.4-uJaJl ji SESSIONS) 

logoutphp Jj£ 



<?php 

session stert () ; 


unset ($_SESSION[ ’me 1 ]); 

session_de3troy () ; 

header ( n location : index .htinl n ) , 
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ija LuL^j ‘Lfcisdl j3) A!U J.A3U U«i i jiuu <^3 SESSION^' Jj*°" 1 . 1 UlJj Y jkui <^3 t <jijl JjS UIJj \ jJaui ^3 ailfri JjSJl ia^U Lo£ 
AJUt Aku,!jj SESSION-!' ji li»3 « jku, ^ .unset( ) aJ'a!I Aku,'^ Uj A^liJl me SESSION-!' 

. index.html V-ahj!' Aai^all JjjaoJI " jkui ^3 4 session_destroy() 

ijaSa Ufe Jj~> < >n Ju ^uaiiaJl Ajauil jj i j]| jl Jsj) j}L IgJ jit Ajawljj dOCliment.plip 4 **■ Jjla.) AJa^U 

.(SESSION-!' ***1 


(COOKIES) 


(jjxhjl ^L<aZl\ AJl^ j Sja ^k ufljjuil ^jjj (jjsLA Jik ( _ f k jSj-uJl ^jAj Aj^J ljIAIa (jp Sjbc- Jj£j£il 

.HjLui ^k l^juiaj CjliLxIl <ju ^k ji jSj-uJj uijaujj jSjuII 

<ju jub ^ CjjbjL£ i Aa%% jjkuj V 1-la. jJlus Jj£j£ t flb Juju jSj-uJj ^jAj j£-uu clijkJ ij £i jul ^W^/a* .ik 

S. ]j^j jSj-uJj c*Lk ufljJLLa Jflj-yJI jj£j£il JLujjL til] jjbij ^ jjh Sju tiljJjC-j j9juJI (ju *ikjA -ik jSj-uJI 

juU Uij^J -ik Jjjj ji jjjjj ji d jj ^IIaS a.V\u*ii S a Ail j ^ d^J La iiA j .j-uJj A aKI lulls <jjJ S jJjLla ji juH 

^jj jij-oli Sj-a jjj dn^j AJouiIjj ^ flb ^ OJ^ 4 J-baj bl4 (jli Jj>>>^ J^u ^jAj (ji (jj«5 

•JJJ^i A^xl£i c-iila (jjJ SjJjLw 

COOKIES )^ 9 ^ 1 l 9 SESSION JIO^^I 


(j-a Jj^iib CjS jib jJaluJj jj£j£ij jA b>bVu*ij j jfijxbl (j^ouJl bAil* (jj^jj jjjj-u£j| jl^A jj£j£ii (jj^j 

^ Lujj # JjjL cli£j Jjui ji j ^jaII Jja^jII (jlL^Vb ^jjiJ) Jj%A*n JaP (jb-uJj Ajjli (jA ^2 j^ii Jja^I ±£> (J-uouaI] jj£j£il Jjli 

.(jaJ duuA Iai£ AC-Lui ^ jj ljIpLuj t jj A^Lui t i jlib Aja^aD CjUIaII Jjuajib ^L^udj (jjSLA lj£j (jjjju ^jj jj£j£il 

; jj£j£il f Luuj AAjjL 

: (^iUil£ <^a ja£j^ A^Uil SjjA-ajil setcookie( ^ j PHP-^i Sjj^ja ^ Aib (Jjjia (jP (_yAj AJpaa aj jj£j£ij f Luuj AJLjla 

setcookie(name, value, expire, path, domain); 


; Cm jj£jii] <LaUJ| Sjj-uaij aJa^^U La£ 


: name 

. jj£j£i] AJja^l a^jaII ^ j : Value 
. i -^ 4 :Expire 

.jJjj-uJj ^ip i flbl) JLuuji aIu m jiil (jiiA]| jLu^a jAj :Path 

.Auk- Jj^Ij j^j^i <-a1aI JjAflji! Ai (jlAj jiil jSj-^I fjuul jA :Domain 


MOBILE: 00967 714490030 
MOBILE 2:00967 772755202 


Email: info@techpio.net 



www.techpio.net 





\ e A 


fLuuj jrHaJ 4 *siW\ (jZax j ^jjjL <j£ I^jla J^builj jj£j£]| fLuuj ^Vn^ij fLuuj ^ CjIjL^JI a 

.^j-uu-ui]) AJajjJa (jduiL Aja^a!) CjLxl^Ij AjIaj ^ jIxaJI JjS jj£j£]| Jj£ j-uaj A^aAI o jIj La£ UjLxLua 



i LL^i «J .ju£^£ll jtJilului (J^jLuJI JIaaJI (JjaSj j J-43U ^ Q * j a tA jI j 11 ^ulluJI (J.43U L1a2 La£ 

: ^ j CjIIIa 

.( ^Vu^ lj jj>aJI 4 -a 1 £) cjULJI Jlkjj 4 ^i^a: index.html 
,ja£j£JI Jasu ^jj-ua!l]j Aj 1 ac> j jjjaJI 4 -aISJ AJjHaJI AjIac* :Login.php 

.^a^I uaIaJ! :Document.php 
. jA$^ ^ : Logout.php 


• Sjj^uall Ls £ La£ aII j^A /ji Sjj£- 1 a]| Cjl^jLuaii ^uaiuij WWW ^ aII JaU cookies A-a-uiI A J-aju ^jaIui 


©'( 




“ ► Computer ► Local Disk [C:) ► wamp ► www ► cookies 


Organize » Include in 

library ▼ Sharewith » 

Burn 

New folder 



,/ Favorites 

>■ 

Name 


Date modified 

Type 

Size 

E Desktop 

™ document 


T*W*£/T1 ^ 

PHP Script 

1 KB 

,.. Downloads 

index 


X+W'UWr+tY* 

Chrome HTML Do... 

1 KB 

Recent Places 

™ login 


T*W*1/T1 ? +MT 

PHP Script 

1 KB 


™ logout 


r*w*tm ^ *ocw 

PHP Script 

1 KB 


: index.html 

• Sjj-ua]j ^ La£ (j-uouJl LaLaj A^iua]| ^A jjjaJI A_a1£j ^.i^IulaJI ^uuL ^j^t^JI A^wa^l aJA ^jaj 


<- CD localhost/cookies/index.html 


☆1# * Hi Z 


Ja^oj 


^] Jj^ 1 
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: login.php 

; Jj&il JAUij jjSjSJI <_feU^L (j*iouJl *LxLua cs^J A_»I£j »<A*. ...»tt ^S'J AJjUsaII A jU& A •>. a.-^'l si* ^jaJ 


1 

2 

3 

5 

6 
7 
■S 
9 

10 

11 

12 

13 


<?php 

if ( £_F05T [ "username n ] == n admin" && $_FOST[ "password"] ="12 3") 
{ 

setcookie ('me 1 , 'YES ' r tiir.e ( ) + 3600); 
echo "^!— r- 1 — 1 !i f-- w ; 

echo "<a href = 1 document. php 1 > ;x AajJ I .jjl^ji </a> n ; 

} 

else 

{ 

echo” L**- s\-La n ; 

} 


(iul£j ft aJU ^ POST 4J' J index.html 6* CjULuil Jjjjlujjj AJjLLa]| J JS& fj T jk lu ^jk 

J-43U Ha£ setCOOkie() A^^l Aia<uuljA3 ^I^aIuAj UI^j 0 jlauj ^ # (A jla<uij t jlauj (jo j La) ifj] (JaajaII <jaj La] JjAi]| Aaoau£ 

+ 3600 cjSjI] A-aj£ UJac-lj le () Aia^jjj cjSjil j.ia YES *Laj£ AJ UIap ^ me LLaui) Ioa^Ij LaSi ^.IaIulaI] jj& 

“ jlxu4 j^ula]) lj£ j]Lj JjA-iU ^jj^ao]| |i£A j i H » « AJLS.J 1 AojLj “ * t-jj-ua CIua AIaIS Ac-Luj ^Jxjj AojLj V* “l * * 

<C5 a\aM lJlLaI] iajjj V jixu4 ^ .i AIaII JjA«i]| ^ jHa2]| AJLujj 

.UsaII AJLuij jfllaj ^ ^ jiaui ^IaJ) ^jj-ui j£]j (JajLaj else J^AllI if JajJuil J^Ia jjj-a]| A^aI£ Jjjllaj AJIa 


document.php A^iua 

. La£ L^j ^aLiJj Jj£jj j Jj£j£]| J!>Ia Aja^aM Aa&^I <_,A AaI^II oiA 


1 

2 

3 

4 

5 
■6 


9 

10 

11 

12 

13 

14 


<?php 

|if ( $_COOKIE [ ' me ’ ] ! = 1 YES ■ ) { 

header (^location:index.html") ; 

> 

?> 

<html> 

■<head> 

■<meta http-eqTiiv=" Content-Type" content= rr text/html; 
■</head> 

<body> 

■<p > I lIj I j I A_l J I </p> 

<a href= rr logout .php rr > E jjj^_3l j^j 1J iLj</a> 

</body> 

</htm.I> 


charset=atf-8 w /> 


jlxuuli JhiHii ifj] <jajIa JjAill YES ^Luq] jj£j£J| Aaj£ LijI£ AJIa jAj kjJii J-aP t jIauj ^ J j£Jl ^k La£ 

J (jk jIj-aIujVI YES A aj^H LijLS AJIa (jkj # Aaaaa]| CM1a1\ jl^Jaj !£>j ind6X.html JjAiil Aa kal Sj-uiLla ^Ja1uia]| Jjjaj jAj f 


1 j <a La (" jk ^ 


.logout.php AaIa^iI] Aaja]| jA j (^jja J j>^n ) IsjIjII c>aj^ > t jIa*A ^ 
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: logOUt.php 4-ai^a 


Auu^laJ) iaLuail ^jj Aja^aII A ^ Jjjj La ^LajL ^-iab^aJl ^jjL La.iSC' Jj'wn) d^lc-S Jajljll Ulaa^ La£ 

•fijj-ualj La£ JjSJIj ^j a-v A tl ^iuali <j^LaJl lu2jJ1 LgJI Aaiaau ^ jj&j logOUt.php ^^ jjJ UA ^jL A^LuaJl 


■ <?php 

setcookie ( 'me 1 r 1 YES 1 r time () - 3600); 

header ("location: index.html 1 *} ; 


jj£j£jj (jjuili Uuai4 Aj JUJ^I ^ CjSjJI fUJj -3600 j£Jb A-ual^il CjSjJI A-ajS <jaju Y jJaui ^ Jj£Jl Ja^^U La£ 

.f jlxuJi i-luA index.html AjIjJ) Jj'wn .bu SjJjLla Aa^j^l .UULuuj 

1 ia^VuaI UjI jjl\ AituaVb tSjaaSii gSl1^ jlc> .Iajsu A_Ljjj£JVI jSIj-aII £j-ualj^l ^A) qa ^>uouJ|j jj£j£jj jjjju ; Aja^^La 

.J^aill iiA jua&l j ^UJ) ( jaJaaI) ^ <b) fLui <jl 1^-ahVuJ ^Iluj .POST AJI^) Hal ja£j JjjL dUA £)l o jll La£ L^Jj^ Ahu u\ AJlal 


<5*9* Query 


SjAl^J) JIjSSH £)a jjuSlj 4n^ll diA (j jabj John Resij g-AAJ ouiIjj A_a*ajj-a CjjjLuj lilaJl 4-bLa-a A_uLa (jC- SjUs- <^A :JQUERY 

lilaJl (j-a j|jlai qC- jLp ^jjj£ ^^aJ) jjliWl jBl j-aJl ujLajLua ALa% CjIjjjLj Ailuab UJ ^a^ub ^oli j 

JLuJIj ASjaJb ij-all CjblLaaJlj Ljjjjj-a]j Aituaj <j-a AajjjaSJVi j£lj-all l^jAilij ^jjj£ dilAjalaj uijxlib UA ^jllui 

oiA (j-a ±iilL ub£ ^IjlLL4 UAj CjIjjj^j A^j^la CjlAubj fLuuj uflljaV^!J L? aa. djaa£ ^HaJj ^jjj£ < ^aJ| Ljllaalaj ^jj Lalp 

iSyj^ <>aJ 1 Sn^o ££ Lubl 

l^J i _ r a-uij]j ^ (biJjLuj lil^ uila^ jquery^b A^uaLaJi AMall Jj^aVi ^a JjV ^jjj£ ^ bjjjjjb jj J j£ AiUaj JjS A_jIjJ| ^ 

: <^3 US /http://jquery.com <i' ji 


G D jquery.com 


^ jQue/Y 

^ write less, do more. 




Rugins Contribute Events Support jQuery Foundation 


Save time, save money. C BrowserStack 
Test in 300+ browsers, 8+ OSes, 


and 50+ mobile devices. 
Trusted by the jQuery team. 


Try it for free ® 


Download API Documentation Blog Plugins Browser Support 


^ 3 tgv 


Lightweight Footprint 

Only 32KB minified and gzipped. 
Can also be induded as an AMD 
module 


CSS3 Compliant 

Supports CSS3 seledors to find 
elements as well as in style property 
manipulation 


Cross-Browser 


Download jQuery 

vl.11.0 or v2.1.0 


View Source , on GitHub - 
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: ^ U£ fj j!) (Download jQuery) jjJt -Sa*^b ^ ^ U£ 


jQueryl.x 

The jQuery 1 .x line had major changes as of jQuery 1.9.0. We strongly recommend that you also use the jQuery Migrate plugin if you are upgrading 
from pre-1.9 versions of jQuery or need to use plugins that haven't yet been updated. Read the jQuerv 1.9 Upgrade Guide and the jQuerv 1.9 
release bloa post for more information. 

Download the compressed, production jQuerv 1.11.0 

Download the uncompressed, development jQuerv 1.11.0 

Download the map file for j Query 1.11.0 

jQuerv 1.11.0 release notes 

jQuery 2.x 

jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8. All the notes in the jQuerv 1.9 Upgrade Guide apply 
here as well. Since IE 6/7/8 are still relatively common, we recommend using the 1 x version unless you are certain no IE 6/7/8 users are visiting 
the site. Please read the 2.0 release notes carefully. 

Download the compressed, production jQuerv 2 \ 

Download the uncompressed, development jQuerv 2.1.0 

Download the map file for j Query 2.1.0 

j Query 2.1.0 release notes 


(Download the compressed, production jQuerv 2.1.0) ■MjJt . jQuery 2.x ^ JjVl LjIjJI ^ LUaj 


C I D code.jquery.eom/jquery-2.l.0.min4 


☆T* t* 




/*! jQuery v2.1.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ 

! function (a,b) {"object"=typeof module&&"object"=typeof module . exports?module . exports=a . document?b(a,!0) : function(a){if (! a . document)throw new Error ( "jQuery requires 
a window with a document");return b(a)}:b(a)>("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h= 

{},i=h.toString,j=h.hasOwnProperty,k="".trim,l={},m=a.document,n="2.1.0",o=function(a,b){return new o.fn.init(a,b)>,p=/''-ms-/,q=/- ( [\da-z] ) /gi,r=function(a,b){return 
b . toUpperCase ( ) };o.fn=o.prototypedjquery:n,constructor:o,selectorlength:0,toArray:function () {return d.call(this)>,get : function(a){return null!=a?0>a? 
this[a+this.length] : this[a]:d.call(this)},pushStack:function(a){var b=o.merge(this . constructor () ,a) ; return 

b.prevObject=this,b . context=this . context,b},each:function(a,b){return o . each(this,a,b)},map : function(a){return this.pushStack(o.map(this,function(b,c){return 
a.call(b,c,b)}) ) },slice : function ( ){return this.pushStack(d.apply(this,arguments) ) },first:function () {return this.eq(O)},last:function () {return 
this.eq(-l)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]] : [] ) },end:function () {return 
this.prevObject||this . constructor(null)>,push:f,sort : c.sort,splice : c.splice},o.extend=o . fn.extend=function () {var a,b,c,d,e,f,g=arguments[0]| | 

{} ,h=l, i=arguments . length, j=! l;for ("boolean"==typeof g&& ( j=g, g=arguments [h] | | {> ,h++), "object"==typeof g| | o .isFunction (g) | | (g={}) ,h=i&& (g=this,h—) ; i>h;h++) if (null!= 
(a=arguments[h] )) for(b in a)c=g[b],d=a[b], g!=d&& ( j&&d&&(o . isPlainObject(d) || (e=o . isArray(d)))?(e?(e=!1,f=c&&o . isArray(c)?c:[] ) : f=c&&o . isPlainObject(c)?c: 

{}»g[b]=o.extend ( j,f,d) ) : void 0!=d&&(g[b]=d) ) ; return g},o . extend ( {expando : "jQuery"+(n+Math.random ( )).replace(/\D/g,""),isReady:!0,error : function(a){throw new 
Error (a) >,noop : function () { >, isFunction: function (a) {return"function"=o . type (a) >, isArray : Array . isArray, isWindow: function (a) {return 
null!=a&&a===a.window},isNumeric : function(a){return a-parseFloat(a)>=0},isPlainObject : function(a) 

{if ("object" !=o . type (a) I t a.nodeTvpe I I o .isWindow(a)) return! 1; trv{if (a. constructors! i .call (a. constructor .prototype, "isPrototypeOf") ) return! 1}catch (b) 


JMk qa josLuall JMk qa t flblj AjUtj ^jAj 4 \jaVi -Ifjj t iUti J-uaV) ^ jA j Sjj-uall ixj 

. djjAal] 


Cl] code.jquery.com/jquery-2.1.0.min.js 


/*! jQuery v2.1.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ 

! function(a,b) { "object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a, ! 0) : function(a){if ( ! a.document)th! 
a window with a document");return b(a) } :b(a) } ("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.pu! 

{ } ,i=h.toString,j=h.hasOwnProperty,k= n " . trim,1={},m=a.document,n="2 . 1 . 0",o=function(a,b){return new o . fn.init(a,b) } ,p=/~-ms-/,q=/- ( [\da- 
b . toUpperCase ( )} ;o . fn=o . prototype* { j query : n,constructor : o,selector : "",length : 0,toArray : function ( ){ return d . call ( this )} ,get : function ( a) { : 
this[a+this . length] : this[a] :d. call(this)},pushStac!c:function(a){var b=o.merge(this . constructor ( ) ,a) ; return 

b. prevObject=this,b . context=this . context,b},each:function(a,b){return o.each(this,a,b)},map:function(a){return this.pushStac)c(o.map(thii 
a.call(b,c,b) }))}, slice:function () {return this.pushStaclc(d.apply(this,arguments) )}, first : function ( ) {return this.eq(O) }, last:function () {: 
this . eq(-1) } ,eq:function(a){var b=this . length,c=+a+(0>a?b:0);return this.pushStack(c>=0&£b>c?[this [c]] : [])} ,end:function ( ) {return 
this.prevObject||this.constructor(null) }, push:f,sort:c.sort,splice:c.splice},o.extend=o.fn.extend=function () {var a,b,c,d,e,f,g=argumenti 
{} ,h=l, i=arguments.length, j=! 1;for ("boolean"=typeof g&& ( j=g, g=arguments [h] | | { },h++), "object"=typeof g| | o . isFunction (g) | | (g={ }) ,h=i&i 
(a=arguments [h])) for (b in a) c=g[b],d=a [b] , g!=d&& ( j&6d&& (o.isPlainObject (d) | | (e=o . isArray (d) )) ? (e? (e=! 1, f=c&&o.isArray (c) ?c: [] ) : f=c&&o.ii 
{ > ,g[b]=o.extend ( j,f ,d) ) :void 0 !=d&& (g[b]=d) ) ;return g}, o . extend ( {expando : "jQuery"+ ( n+Math.random () ) .replace (/\D/g, ""),isReady: !0, error] 
Error (a) }, noop : function ( ) {} , isFunction: function (a) {return"function"=o . type (a) }, isArray:Array. isArray, isWindow: function (a) {return 

null !=a&&a=a.window}, isNumeric : function (a) {return a-parseFloat (a) >=0}, isPlainObject : function (a) 

{if("object"!=o.type(a) || a.nodeType| | o . isWindow(a) ) return!1;try{if(a.constructor&& ! j.call(a.constructor.prototype,"isPrototypeOf") ) reti 
{return!1}return! 0} ,isEmptyObject:function(a){var b;for(b in a)return!1;return! 0} ,type : function(a){return null==a?a+"" : "object"=typeof 
h[i.call(a)]I|"object":typeof a},globalEval:function(a){var b,c=eval;a=o . trim(a),a£& ( l==a . indexOf("use strict")? 

(b=m.createElemer.t ( "script") ,b.text=a,m.head.appendChild(b).parentNode . removeChild(b) ) : c(a) )} ,camelCase : function(a){return a.replace(p, 1 
") . replace (q, r) } ,nodeName : function (a,b) {return a.nodeNames&a.nodeName . toLowerCase ( ) =b . toLowerCase () } , each: function (a,b, c) {var d, e=0, f= 
{for (;f>e;e++) if (d=b . apply (a [e], c) ,d=! 1) break} else for (e in a) if (d=b. apply (a [e], c) ,d=! 1) break} else if (g) {for (;f>e;e++) if (d=b.call (a [ 
for(e in a) if (d=b . call (a [e], e, a [e] ) , d=! 1) break;return a}, trim: function (a) {return null=a?"" : k. call (a) } ,makeArray: function (a, b) {var c=l 
(s (Object (a) ) ?o .merge (c, "string"=typeof a? [a] : a) : f . call (c, a) ) , c}, inArray:function (a,b, c) {return null=b?-l:g. call (b, a, c) },merge : functic 
c=+b . length,d=0,e=a . length;c>d;d++ ) a [ e++ ] =b[d];return a . length=e,a},grep : function ( a,b,c ){ for(var d,e= 

[],f=Q,g=a.length,h=!c;g>f;f++)d=!b(a[f ] ,f ) ,d!=h&&e.push(a[f ]) ;return e},map : function(a,b,c){var d,f=0,g=a.length,h=s(a),i= 

[] ;if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f ] ,f,c),null!=d&&i.push(d);return e.apply ( [] ,i) } ,guid:l,pro; 

c, e, f;return"string"=typeof b&& (c=a [b] ,b=a, a=c), o . isFunction (a) ? (e=d. call (arguments, 2), f=function () {return 

a . apply(b| | this,e.concat(d.call(arguments) ) )} ,f . guid=a . guid=a . guid || o.guid++,f ) : void 0} ,now:Date.now,support : 1} ) ,o.each("Boolean Number 
RegExp Object Error" . split(" "),function(a,b) {h[" [object "+b+"]"]=b.toLowerCase ()}) ;function s(a){var 

b=a. length, c=o. type (a) ;return"function"=c| | o . isWindow(a) ? ! 1: l==a.nodeType&&b? ! 0 : "array"=c | |0==b| | "number"=typeof b&&b>0&&b-l in e 
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► 

Edit Cut 

Copy Paste 

Zoom - 100% 

* I c 

Save page as... 

Ctrl+S 

Find... 

Ctrl+F 

Print... 

Ctrl+P 

Tools 

► 

History 

Ctrl+H 

Downloads 

Ctrl+J 

( Sign in to Chrome... 


Settings 


About Google Chrome 


Help 


Exit 

Ctrl+Shift+Q 
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nr 


. US j^Jalou 



Libraries 
j Documents 
J*l Music 
B Pictures 
0 Videos 

Homegroup 

Computer 
& Local Disk (C:) 
r a New Volume (D;) 
i a New Volume (R) 
L_g New Volume (R) 
E!) yousef's iPhone 

Network 


jquery-2.1.0.min 

- 

[ JavaScript Source Code 

*) 


aUa]I (save) (jIg kl <uaj j a jj-uall US AuS jqucry^ A .^aUJ) AUS-ali jJ jquery dlliAujIj WWW ^ A UUul 


: ^ US 




Computer ► Local Disk (C:) ► wamp ► www ► jquery 


4<*r 


p| 


Organize ▼ Include in library ▼ 
it Favorites Name 


K Desktop 
Downloads 
^1 Recent Places 


i. jquery-2J..0.min 


New folder 

Date modified 
rot/.i/ri f, .^0. 


1 =: ▼ nil @ 


Type 

JScript Script File 


jSjaIIj jquery l^UVu ^jijj AjjIaj uUjJsj uijsuj ^jjjS uULuLSi A-aPlAil Jj^Aib tfi\ 

http://www.roseindia.net/aiax/iquery/iQuerydemos.shtml : ^ 

.biUSJI ^4 UliUll Jjay Jjlijl CjlAnklll (jd&ul Jjjialll ^Ilui Auillij AilaS?) ^ ; Aia^U 


: ^ JlIU 


• Sjj^j US JjSH JynhMlJ USlj^ I^IjLuujj I^jjSjj AoiiS UUjJaSil (jiaxj jaIuuj .iKaII ^1p CjUj JjaVn 


D f i le:///C:/wa m p/www/jq uery/a p p2 . htm I 



[Bnra 

UjMS ^ ^ <— llill 



*| 
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nr 


<j^b) jb) uLiii ^tiajj ^ ajjS^j bx^ja ^ j±aa f^u> bbbj AJ!>ia ^ o^j hj**n Jt!* d^i jjjbab) 

lb A^a la J^aa jjbajV) J*aJ) J^j bjk j^-aV) Ax^ja £)a ALAab 11 a£ Jlab) )iA ^1 <jjajx]) <il]i£j J^iAa ^ja Jbb Ailiab ^ j&j Jj-alx]) 

:Sjj.ua]) U£ Jbbb <j^la]) J j£J)j bjkjj bjbHala uua bjk j jljjSfb Ajuala]) qa juall) liaajj Ibaj) AujjxJ) AjLUb 


2 

<head> 


3 

<style> 


4 

span ! background: #F90; padding: 3px; float: left; > 

~u 

5 

</style> 

_r 

6 

<script src= rr j query-2.1.0. ir.in. j s rr t\^pe= "text/j avascript 1 

r ></script> 

7 

<meta fit tp-equiv= rr Content-Type" content= fr text/fitml; chars e t=ut f - 8 " /> 

S 

</head> 

n 

9 

<body> 

K 

10 

<center> 

—U 


11 

<button id="hidb"> H_i^i < /button > 



12 

<button id= "showb rr > L a j-e</button> 



13 




14 

<div style= rr direction: rtl; height : 300px; width :400px; margin: 0 auto; rr > 


15 

< sp an> l_i^- jj< / sp an> < sp an>dj< / sp am> < sp an> u J< / sp an> 

— 


16 

< sp an>o l i t t h i< / sp an> < sp an> l ^J I < / sp an> < sp an>Lj j_.j_ff < / sp an> 

17 

2 « 

<span>5 j j j.</span> <span>l_i_jij j_JLS_Jd I £_si jj^JI </span> 


19 

</ div> 


20 

<script> 


21 

■T 8 -T 8 

$ | rr #hidb rr | . click (function || { 


ZZ 

23 

$ ("span:last-child") .hide ("fast " r function {> { 


24 

// use callee so don't have to name the function 


25 

$ ( thi s) .prev {} .hide { "fast " r arguments.callee | ; 


26 

}>; 


27 

}J; 


28 



29 

$ ("#showb"> . click (function {} { 


30 

$|"span"J .show | 2000 | ; 


31 

H; 


32 



33 

</script> 


34 

</center> 



; <^Aj 4 -luujj f Lua) Aj^Ij ja jj£L Ibis- Ajti (jjbaj j) j) Cj)a£La j) j jjj£ ^a jjjLj Ailba) J-aju ^jlj La^I 


1 A.^C, 1 A \\.\ 


AuaLk Ablaj j jai CjI£1a Ailba) ^jj bba)j SJ jaj <j-a JjV j jjj£ ^a]) A-ualaj j jjj£ <^a]) j Cbjblbb A-ualaJ) blbLb) j) blilb) Jajjjj 
. CSS ( £a Jajjlb A^jjb bA Jajj]) AjIaC> j Aai-ubb abba jb) Ab£b) lIIa blajj Alui jb-w j^jbb) Jlab) ^i La£ j A u* a Cj)jjjLjj 

^ij UjjP j Abjlb)j bij]) JMk (jA Cjjjjjbib ^kab) jbalb LgJMk j Ifrabjj Lbjblbb ^£ab qa )^ub ^j b) jblbb A-ualaJ) J)jb) 
AJ)b) Jlab) iabj Sjj£ib) jb-uuV) ^ ^ujV) laa^b La£ (function) 4])^)j AJb J)jb)j J)jb) <^A diA TT ^) Y * jlaa £±a Jlab) 
-ixj jb) (#showb) AJ)-^ (jx-b) ^xuiV) ba!b La£ ^j <jjjj) ^b) <jC- t flVlk a j jjj£ ^aJ) ^ J)jb) uLjxj Abjla JaaV r * Y A jiaui Abla]) 
(id) (j-A l^Jlc-bui) n jlxui]) bx£ ^uuV) )AA Ajaui )jj l^Jlc-buib ^jH ubj j) Aj)b) ^±klub j) bJj) )j) Aj)b] ^uu) (#) A«a!Ac- 
j jaV) Aj)b) I^Haj #( jajx]) Ajbg> j l^jiba j j) l^-Laxj Aj)b) a j^j Aj)b) diA < ^ f C-buij ji]) jj]) ^]& jaxba]) be- b]b a*m\ bb£ j JaaMj La£ 

.fllaV) AbaPj l^jiba jj ^j^j l^jC-buu jb) jj]) ^]& ja*bb)j l^Jl^bui) bc- 


CT^J ($span) r * jla^ ^ t(click) Sjibb Ja*j Aj)b) 0 ) ( !r A*JJ (.click(function ()) (J* Y * jla*- ^ Aj)b) Aibaj Ibaj) ika^U 

cbj]) j)Aa ^ Y * * * A^ui])j <! ^J*J show (.show(2000)) ^-*-^) (span)^' ^%^j <jflliJ) jblb) (j) bA 

JbA j ^) jj (jjjaa j i _ f J3U 0 * * * bua lA jjjxj I^j ^kaa]) bjlLobj ^j) jj Y ^jxj Y * * * j Aiba j]) Abb] 


(j-A djib)j JAlLa (span) ba2 ^ A ^]) \ ) jla^jjV) La£ ^Aj Ibaj) J)jb) ^g» ALb (a5 b)j jbb]) bg» ( jbab) juabaJ) ^Aj joa^) jjbb) 

.dAa (span) bl£jaJ) JaP bA JJau]) 
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U£ 


: r jii* 


jLuijI (jj-aJj (ja A^JjaJb ALjau Jau) Sjj-uail ^ U£ ^j uiUaj Cjlitua^i <j-a (accordion) 4^-uaj 




C 0 file:///C:/wamp/www/jquery/app5.html 





► 

i jv* 6 



- 

2 J>j* 







► 

3 j.jto 



> 

4 



(jk La£ Aj ^ jjj£ LjUjjkm Sjj^j la^^j La£ 


<head> 

Cmeta littp-equiv=" Content-Type" content="text/html; charset=utf-8" /> 

■Clink href="http : //ajax, googleapis . com/ajax/libs/jqueryui/1. 8/themes/base/jquery-ui . css" xel="stYlesheet" type="text/css"/> 
Cscript src="http : //ajax, googleapis . com/ajax/libs/jquery/1.4/j query, min. js"x/script> 

Cscript src="http ://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min. js"x/script> 

Cscript> 

$ {document )■. ready (function () { 

$ ( "#accordion”) .accordion O ; 

>); 

</script> 

c/head> 

Cbody style="font-size : €2.5%;"> 

<div id= "accordion" sty1e="width : 50Qpx ; margin : 0 anto ; direction : r11" > 

<h3Xa href="#">l j_i£</ax/h3> 
cdiv> 
cp> 



c/p> 

c/div> 

Ch3Xa href="#">2 <jl ^</aX/h3> 
Cdiv> 

<p> 


c/p> 

c/div> 

<h3Xa href="#">3 yl juj;</ax/h3> 
cdiv> 
cp> 


c/p> 


Jajjjl] ujUiil 1 u^4j ja! la^U La£ J^au ^\1 £&ja!\ <j a A u^aW AfiLual ^ V-® jliuj ^ 

.) Y ^jl\ \ * jlau,i (jk AJliij LLabaS La£j # JJaSSH jA j Ullage ^ l^JLuajj ilil aIaII 
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no 


: r jii. 


jJjiiLui ( jjJaSl Jlla.. 


fill* * I Http://www. ikl iv«. com [«] 


1 2 3 4! 


JLja Uft L^-uajPj 6jj*al\ £-a J^buib (slider) SjjjS j£|ja ^ Jjj JVill lift Aa-uu La Sift La i£ illxJj a!^>i Sjj^ail <ji La£ 

^Sjj^ail La£ Aj 4 j£Jlj # Uaj| AaSIja^Ij A-AjjLa. jj£|j d^-I ( jjJaH]| qa VLa^ jj£| CjlAjJaj ilUft j jaouu 


s 

6 

7 

8 
3 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 

37 

38 

39 

40 


<me t a ht t p -equi v= "cantent-type" c ontent= ,r text/html; charset=UTF-8 rr / > 
■Cscript type="text/ javascript" src= w j query-2.1.0 .min. js"x/script> 
<script type=" text/javascript" src="easySliderT . 7 . j s "x/script> 

<script type= rr text / j avascript" > 

$ {document) .ready(function {) { 

$ { "#slider") . easySlider { { 
auto: true, 
c ontinuous : true r 
numeric: true 

}); 

>>; 

</script> 


-Clink href="css/ screen. css" rel="stylesheet" type="text/css" media= w screen" /> 

</head> 

<body> 


<div id="container"> 
<div id= rr header *> 
</div> 

<div id= rr slider rT > 


<ul> 

cliximg 

cliximg 

-cliximg 

cliximg 

cliximg 

</ul> 

</divx/div> 

</body> 


src="images/ jqueryl.jpeg" 
src=" images/jquery2.jpeg" 
src="images/ jquery3.jpeg" 
src="images/ jquery4.jpeg" 
src="images/ jqueryS. jpeg" 


alt="Css Template 
alt="Css Template 
alt="Css Template 
alt="Css Template 
alt="Css Template 


Preview" 

Preview" 

Preview" 

Preview" 

Preview" 


/x/li> 

/x/li> 

/x/li> 

/x/li> 

/x/li> 


All ill ^ ji j cr^jauto A .uabki) ^aJl ^ jj La£j jj-uall AoIaju ^ jiS ^lilj Ail ill d^lc-l ij£i| i&aJi La£ 

jl AjjIjauaVI cr^J continuous t£J^VI AA^Lkil ^ jl true 4 -aj^I 1 $ nW l 4JU ^ ( ^£jjIajjI JUb 

jl AjJic^ numeric ^ S.AA^laJl. false j true 4 aj^II flLs-l aJIa jl jaIujVI <_$j^l Sja Ajliali Jj-ua^ilj j^^il 

.Jlidt Djj^a ^lijVI ia^^U La£ AjaSj 
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m 


: t Jli* 



Jlidl J^Lk qaj Aj31^ CjI jjj-aj jlala flLpj lAjjJj ^ jjj£ AliA^il Aila^l >1^1 -IALuoj d^£-| Jjualaa]| J^lk £ja 

:(Sjj-ua]j ^ La£) 4_JU]j CjlilaJl (j-<a ^JjLuJj Jllail ^jjkk . PJJpJb ujbJ] ^ Ajj£j2j ^ jliui d^i 



index.html css-H cjliL» Lr b ^a1\ SjjL-^Ij Sjj^I jy*al\ J& JjSn tsy^ 

•Sjj-ua]j La£ (j^axj -Ixj 4j <j^alkJl J j$>l) j JjaJajil AaS t aIaII 


1 

2 

3 

4 

5 
€ 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 


30 

31 

32 

33 


■Chtrnl xmlns= "lit tp : / /www .w3.org/1999 /xhtml" > 

<head> 

<title>j^ j_j^</title> 

■Cmeta http-equiv=" content-type" content="text/html; charset=utf-3" /> 

■Cmeta name=" keywords" cantent= "WOW Slider, jquery slideshow, j query carousel" /> 

-Clink rel="stylesheet" type="text/css" href="enginel/style. css" /> 

<script type=" text/javascript" src="enginel/j query. js"x/script> 

</head> 

-Cbody style="background-color : #d7d7d7"> 

< div i d= "wows 1 i de r - cont aine r 1 " > 

<div class="ws_images"Xul> 

<liximg src="datal/image s/chrysanthemum, jpg" alt="l £Ij_le" title="^ l ij j i ■> id \ g_ii j * U jjjj. ^ pi_i id="wowsl_0 "/x/li> 

< 1 i X img src="datal/images/desert. jpg" alt="2 jjIj-Le" title="2 id="wowsl_l"/x/li> 

<liximg sr c="datal/image s/hydrangeas . jpg" alt="3 4 j!j_LE" title="3 4 jlj_LE rr id="wowsl_2 "/x/li> 

■Cliximg src="datal/images/jellyfish.jpg" alt="4 title="4 ^j-Le" id="wowsl_3"/x/li> 

<liximg src="datal/images/tulips . jpg" alt="5 ol-j-te" title="5 ^ j_le " id= "wows 1_4" / X / 1 i> 

</ulx/div> 

<div class="ws_bullets"xdiv> 

<a href="#" title="j_i r iiD 1 jl j_LE rr Ximg src="datal/tooltips/chrysanthemum. jpg"/>K/a> 

<a href="#" title="j_i_5-io j-Ls^Ximg src="datal/tooltips/desert. jpg"/>2</a> 

<a href="#" title=" j-iJLid 1 jl j_LE"Ximg src="datal/tooltips/hydrangeas . jpg rr />3</a> 

<a href="#" title=" j-i-iiD 4 jl j_LE"Ximg src="datal/tooltips/jellyfish. jpg"/>4</a> 

<a href="#" title= rr j_iJLio 1 jij_LE"Ximg src="datal/tooltips/tulips . jpg"/>5</a> 

</divx/div> 

-cdiv class="ws_shadow"x/div> 

</div> 

<script type=" text/javascript" src= "engine 1 /wowslider. js"x/script> 

■Cscript type="text/ javascript" 3rc= "engine 1 / script. js"x/script> 

</body> 

</html> 
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) A jJaui ^1) ^ Y jJa^ui ^ ^ -Y* * jla-u^U 4^Lua^L ^jjj£ css-^ Cjliloj Ajvi^l Jajj V-l jJaui <ja ; la^U La£ 

CaaJ Jlaib ^j-aLk Y A jlxui. Sjj» *si\\ jj^ib Y 1 ^) Y * jla-uu <j a . SjaaSJ) 


3>iuLJI 4^1^11 


^IjaJ) jAA^Aa ^LaI ^ja jjj£Ji CaI^a a Skk 4aj jjaSJVI jJIjaII ^aauSj ^aJlc- j CajjajVI ^JlC- £)A .liilL ,aj £)j <jSM Aaj jjaSJl £Sl ja ^a*sia ^jSaj 

f jaJl jil jaJI ^oaI. uaj JIaa ^k LJjLaaijj CjIjaaJI JjLu j CajjojVI ^ ^aa^saJIj qa^ajaaI] <jaj juoUi ^Ui^U Ijlaj Aajjja£WI 

la])jSII j I^ja j jioiluuj ol iJJ^VI jS) jaJI JLui ^jk £)JjVI ^uuAj! ^jk (jjlau V qaa jja£J iaI^ ^ a Sj&Luua j A \\Ay f LluiI cJjjlHuu 

. Aajjja£JVI j^IjaI] SjAbJI 


css ) Ji* iM> ^ 

Ia Jj^juj ^jjhJ l^AA -li 


lJI yi! y U 

^ *La,1Vuaa11 CjIajAa]) Jj.Ia.Ll A AA^SIA jSIjaII ^iLuJj ^JAA^jj ^AjLiJi sllAX <JA SjAIa LAJJ ^JaI d/Vl <jC- SjUp 

0 j ^ J o^i^iuA 6^J .(- CSS3- HTML - HTML3 - JQUERY & JAVA SCRIPT 

# j£ja]Ij ^LualaJl CjULnij bl£>\l l_u£jjj ^jL 


(jZl j A aa^aII 4 £jaJ| jj ^A^all Jajjj ufll^ jl uJUSL djl^aij f Ij-uj ^a^aaU (JJ*^ ^ixl\ ^k AajL^a <jj£j cJjj£]j <ja jjj£ 

JIjj Jjjj La£ I^aIp JjJjuil jAklua] ^biii ^jlg> A^jiAA uJIjS Luajl JjHaII ^ .Jjjj La JaP ^LSaLj tuajj ^jaIa jA La 

( ^au3a£ (ill AaSIaII jy^ti 


: SjaUJI .(free website templates) -j ^aa]| ^j^a ^ L^Jp u^iyil jUa) ^£aj 
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UA 


$digy 


IT ALL STARTS WITH A 


Home Services Projects Solutions Jobs Blog Contacts 


Great Vision 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus 
eget augue quis quam dignissim consectetur ac sit amet nisi. In 
hac habitasse platea. Eget augue quis quam dignissi lorem lipsum 
adispicing dolor sit amet. 


FREE Quote 



1 


ENTERTAINMENT APP 

I H Add New Task 

+ 

1 '- 1 

1 Play Games 

« 

I ^»] Launch Chat 

r. 

1 ^ Watch Movies 

o 

1 new entry cascade 


1 o 




(r) 


BRAINSTORM 

Lorem ipsum dolor sit amet, 


^ ■ Jr consectetur adioiscina dolor emor 

file///C:/Users/Yemen Net/Desktop/HTML5/digy/digy/index.html# 


DESIGN 

Duis risus elit imperdiet eget 
sollicitudin quis, gravida sed mi. 


CODE 

Proin quis sem in mauris fringilla 
commodo ac a feiis. 
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f jjjki 


MYSQL & HTML & JQUERY & CSS & PHP 
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MYSQL & HTML & CSS & PHP J <p. pie 




jA U £jjJLa]b f ibl JjS Lbbj ^jkj CjliUaj L-fljsuIlj 4JLLuJl Jj-uail) <La]ju La ^Lufl^tk ^ SjbC' jiA j j<j* “ 

( *Sj-aJl (jjSoui lJl£ AlaC- Jjjj La] Jal^j Jja ^j-a JjV J-a*jb JjS Lub^- iigj j la-Lualb -Ijjj jjLaj lia t-jjlliali 

JalCr ^Al J-a»Jlj Sjii]| £jJaj djj£la]j Cj^Lixo]! jj Uakl ^jjJj ^ualj Jkub J-a*Jl ^jj 1-iiA j AJjSH LjjjlakJl ^AUj tjtoj jjLaj 

.4-bjjj£WI jSI^aII fU j ^ 

jjulaill J 9 A cLq Lc 3j££ 


^ic- j5j-a]| l 5J)X u *‘J crUj2SWl gSlj-al! fLuuj 4-uOuokla A-uu*ija 1 Ifrajftj ^j]| CjLaiki]j b^j]jl£j]| Jjjj] j-a f Luub ^jAluu 

. ij^il Ljbjl^aj CjblLla J-43U ^jlluu li] .cliLaikJj ^LuuSi j jSj-aJl CljLa.ik 


jj*l\ dibjj^4j CjbHala 

LjQk^U 


LjLuilLa uuA (slideshow) (j^ajtaJ Aj-uojj jj-ufl V ^oaa^j 

AAkkuLall 

+ 

CjbLnij DJC-li ^ JSj (JA Lk JjiAi 

£fi>*U ^Luudl f q- 4 j-ali qj£jj 

— (J — AALukluiVlj J-all ^toUi£) 

( ljK uxiljj AJb^]| ^ui2 


,j-a — UjLaAk — 4 _luojj]| ) <j-a *L«j11]| 

( LL J^bl — ,j-a _ U]LaPj 


LjUbJl S-JC-ll 

CjllaaiU 

JjlJaJl 


menu 4j-<u-ajj 4 4iUN 


news Jj- 1 ?' 


serv bjUikil Jj^ 


admin Jj-^ 
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A^iuall 

index.php 


&\aaX\ 4iLuaVW (jjlaJLuaJi Ajauij 

^ JaxS ja lifcj include() 

( ^LHul 4 J^uu ljL£j include iaj&s fI pjIujVI j£ 


u^a 

^ jibi Ljl^lua 

• ,j-d jajj Ljl^iua (jjsu ,lW4 

.tgJjJjuj ^LuiSSH SjbJ CjlajLua 

.l^L-lauj Sjbj CjWwa 

.ALjjuj f Sjbj CjUJLua 

jjAa Cjbvi^a 
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wt 




•WWW (j-Aua project 4 jauojj JjjJaili ,)ly J-ajlj ^jIj 


j jjIa cj Kwi admin 0» (css - images - admin ) O^J ^a!\ Cy^A 4jI^ t Ja*j ^ jaj 

:$^ La£ project ^-h) ^^uJl uiU ji cjlilai css j j-^il ^j4^1 ^ 4^Vu*i4ti $ images 


Name 

Date modified 

Type 

Size 

V admin 

Y*W*I/TVp*YM 

File folder 


css 

T.1t/.£/TV^-T:T1 

File folder 


images 

T.U/*£/YVp-T:£. 

File folder 



.css l)^ 3 style.css . project 6^ index.php ^u-ojj f 


.images ^4^ ^ (^ i * * ^ • JjlaJI) <jAAa ^A1L J j$> n ^ j£j 


^ U£ Jjiil index.php A\kWW ^ 


: index.php 


! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 
<html xmlns="http : //www.w3 . org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>ijL^jJUL-^Ji L_j_?- j_jo i j j— 5 1 | Technology Pioneers</title> 

<link href="css/style . css" rel="stylesheet" type="text /css" /> 

</head> 

<body> 


I </body> 
</html> 


: style.css 


I @charset "utf-8"; 

I/* CSS Document */ 


| body{ 

background-color : #FC0; 
background-image : 
url( .. /images/bg . jpg) ; } 


. (jk La£ JLui - hg.jpg 4 j$V\ 1 
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wr 



. CjSj-4 Qjl J-aP j ^ jAj j A^LaJi uuA ji LjlijJ Sjc* Aj. uujjII A^Luall +iVu ^jAj 

.^wVI c>AL style.css <-^1® ^ Aj main Aj^uj^j cjLLjJI 

.Luajj ^uuVl o j ^ ^ <j-^J header A^-uulj jlau^j j uLj 

o-^ili Luajj menu ujV U ai J A-ajI£]| uLj 

.jAlah j-uiJj^Iuu ,j-A A ^u^iui l-lo,a ji slide Aj^uiIuuj j-ui o^aliJl uLj 

.content j^j q^IL uLj 

.bottom f lJuj 

.^Ixll uLilj footer ji j^W <-*»■* 

^ La£ index.php cjjjkaJI li$j 
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1 

2 

3 

4 

5 

6 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 


< ! DOCTYPE html PUBLIC rr -//W3C//DTD XHTML 1.0 Transitional/ZEN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 
<h tml xmlns= "ht tp://www.w3.□rg/1999/xhtml " > 

<head> 

<meta http-equiv=" Content-Type" content=" text/html; charset=utf-8" /> 

<title>LQl-^j_JLj * 'I Llj- j_j j ili i k j j S k | Technology Pioneer s< / 1 i 11 e > 

<linlc href= rr css/style . css" rel="stylesmeet" type="text/css" /> 

|</head> 

<body> 


< ! — p 1_*_5 1 i_a_i j _5 1 -L-j I j_ i I i * — > 

<div class="main"> 


< ! -J_9 j_*_ j I 4 ..i j j j_J] 4_] I J_i l_JLa -> 

<div cla33="header">gjj * Si [ ^i J </div> 

< !- j x 1 1 _i_S | 4 _j I J _i I i a-> 

<div class= rr menn ri >ijjL_i_:t L_La </div> 

< ! - jj.il _i_J I 4__i I 4 ~i I 1 a-> 

<!—Slideshow beginning —> 

<div clas3= ,r slide ,r >j^' l_L»</div> 

<!—End Slide show—> 


<- . | t_a j a i i l 5 4 1 1 J : > 

<div class = "comtent ^ < / d i v> 

■< ! -> ij j i > j jJLsJ 4 j I ^-> 

<r —j ^ ij S U 4 _jI J_ — > 

<div clas3= "footer j^_jU</div> 
<!— LiL+j-> 

</div> 

< ! —pt_T_il —> 

</body> 

</html> 


: ^ U£ style.css ^ 


.main{ 

height : auto; 
width: 960px; 
margin :0 auto;} 


. header { 

border :#FFF solid lpx; 
height : auto; 
width: 960px; 
margin :0 auto; 

} 

.menu{ 

border: solid #fff lpx; 
height : auto; 
width: 960px; 
margin :0 auto;} 

. slide { 

border :#FFF solid lpx; 
height : auto; 
width: 960px; 
margin :0 auto;} 

. content { 

border :#FFF solid lpx; 
height : auto; 
width: 960px; 
margin :0 auto;} 


. footer{ 

border :#FFF solid lpx; 
height : auto; 
width: 960px; 
margin :0 auto; 

I 
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• j£ 1 uj j 



jJ) c-iuA jj (J^oSj YVi ^jlajaJlj ^ M JjJaJl) 11 J .^j-dl jlsuiu ^j^uajj Idjuj header Jij-dl A-uujjj J^slSL ^ jAj 

:^UIl£ index.php .jlxuJb .imglogo jb^l j! <j^ J^xj ^ jiI*- ^ 


12 

13 

14 

15 


< ! g_i j *■ 'i I 4_m_J j J J l J 1 1 '■ a > 

<div cla33 = rr n,eadex"> 

<img sxc="images/logo .png rr cIass="imglogo " 
</div> 


/> 


style.css ^ OJ%^J 4^aJ! ^ jU^JI jl Sjj^l Oj£a ^ header uL*^ rtl (direction) 4^^ 4ilual ^2j 

^ La£ 


15 

16 
17 
IS 

19 

20 
21 
22 


.header! 

direction: rtl; 
border :#FFF solid Ipx; 
height : auto; 
width: 96Gpx; 
margin :0 auto; 

.imglogo! > 
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^ L*£ j£-ui 



• £jk La£ index.php ^ .ijSJl 11 J ^ 1at £j A.a iUti j-^Ujuj lg_i <j^L^ J-aC- j j-uflUxil AjU£j AajIaII £j$\ JaHj 


17 

IS 

19 

20 
21 
22 

23 

24 

25 

26 
27 


< ! - 4 * 1 1 _LJ 1 4 _ 1 1 J _ 1 I l a-> 

<div cias3= rr menu rr > 

<ul> 

<liXa hre f =" index. php Fr > 4 l m ± \ j_Jl</aX/li> 

<lixa href =IT # "> Lu _ jLjj _ ?</ax/li> 

<lixa href= ,r # rr > Lj_J !_* 1 1 ^j</ax/li> 

<lixa href= rr # rr >,j_^* _j ^_ K/ax/li> 

< 1 x X a href= rr # rr > I_l _j J^s_ :l </aX/li> 

</ul> 

</div> 

< l -4*i I _LJ I 4_ j I ^ ~i I _ J_ft — — > . 


: ^ U£ style.css-^ ^ 


28 

.menu ul{ list-style : none; 

29 

margin: 0; 

30 

mar gin-top : lOpx; 

31 

margin-bottom: lOpx; 

32 

float : right; 

33 

margin-right : 2 Opx; 

34 

} 

35 

.menu ul li{ 

36 

display : inline ; 

37 

height : 33px; 

38 

padding : Qpx 3px Opx 3px; 

39 

color: #FQC; 

40 

text-shadow: Ipx lpx 3px Ipx #00000; 

41 

width: 7Qpx; 

42 

} 

43 


44 


45 

.menu ul li a{ 

46 

color : #fff ; 

47 

font-weight : bold; 

48 

text-decoration: none ; 

49 

text-shadow: lpx lpx 0 #595454; 

50 

text-decoration : none ; 

51 

padding : Opx 3px Opx 3px; 

52 

text-shadow: lpx lpx #333; 

53 

font-size : 19px; 

54 

> 

55 


56 

.menu ul li a:hover,nav ul li a:active { 

57 

padding: Opx 3px Opx 3px; 

58 

height : 33px; 

59 

border-radius : Opx Spx Opx 8px; 

60 

color : #FFF; 

61 

text-shadow: lpx lpx #G9Q; 

62 

> 
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wv 


. AuiUij La£ j£-ui <j j£2ui j 



. Sjj-uall La£ LaA j A-ajIaIL d -Ij.1^ Jl j£I V <jjJ ij£ Ailuab ^jlluu 


2 

3 
A 
5 


.menu{ 

border-top : dotted #B7B7E7 Ipx; 
border-bottom: dotted #B7B7B7 Ipx; 
margin-top : 7px; 
height : 4Gpx; 
width: 960px; } 


Ailbaij maring jjiil Uajj Lii^j t®j 1 1 ^ La£ JLuuij border-^ Ritual border-^ ^ k^U L&£ 

border j* 5 A-blUl Luajjj jlsulil ^ ^ ^uj < Jjiil k^U U£ ^ margin 

: ^ La£ ^ V ^ css 6* header-SW 






I— 




^ La£ jA j Uuaia jAj j-ui Jj^Lui l-uSjUj ^jAj 
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WA 


A \ a\ *i\ JiL slidc-^ uLi3l ^ jliuu UL (j^alkJl <jauo J-aau ^ jliui Sjj-uall JMk 


. S^ La£ AjliLaj 4 j ^LualkJl CjtilaJl J£j 


i library » Share with » 

Burn 

New folder 




m - a @ 

Name 


Date modified 

Type 

Size 



datal 


T*W*£/ff> **1T 

File folder 




enginel 


T*W*£/W^ WiU 

File folder 




O iframejndex 


T*W*£/W^1*:TA 

Chrome HTML Do... 


1 KB 


index 


T*W*£/W^1*:01 

Chrome HTML Do.., 


2 KB 



La£ Jllij ixj ^ a!\ JLuj QJ^J J 11 J Aikb (j - 4 d-ijjj JjSJl ^Luuj ^jllui JaA 2 index fUuluib project A d^f'l CA ildl J1L ^ jllui 


: 6JJ *ail ^ 



► Computer ► Local Disk [C:] ► wamp ► www ► project ► 


t | +y j! Search project 

P 

Organize » 

Include in library T Share with ▼ Burn New folder 



see - a ® 


Favorites 

* 

Name 

Date modified 

Type Size 

E Desktop 


) admin 

t*w*i/w p 

Filefolder 

Downloads 


[£ css 

T*W*£/W P *ftTo 

File folder 

< M Recent Places 


datal 

T*W*I/Wp *0:11 

Filefolder 



j enginel 

T*w*i/w P *o=n 

Filefolder 

Q Libraries 


| images 

T-W-I/Wp *£:1* 

Filefolder 

_J Documents 


© iframejndex 

r*W*£/W^ 1*:TA 

Chrome HTML Do... 1KB 

Music 


index 

r*W*i/Wp *£:IA 

PHP Script 2 KB 
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djjj-al! (jk La£ slide * -j j A^jLiJj CjUUU CjK uHjj CjUjjLuJI Luajjj o^i Jj£JI ^-uJ 


m 


33 

34 

35 

36 

37 

38 

39 

40 

41 

42 

43 

44 

45 

46 

47 

48 

49 

50 

51 

52 

53 


<!—Slideshow beginning —> 

<div class="slide"> 

<div id= "wows1ide r-containerl" > 

<div class="ws_images"Xiil> 

CliXimg src="datal/images/chrysanthemum, jpg" alt="l ^Ij-Le" title="lL g_a! j * il ijjj p^_i L-ij-jj:" id="wowsl_0 "/x/li> 

<lixirug src=" data!/images/desert. jpg" alt="2 ^ t j u" title="2 j_le " id="wowsl_l"/x/li> 

<liximg s rc="datal/images/hydrangeas.jpg" alt="3 ,sjlj_Lf" title="3 ^(j-Lp" id="wowsl_2 "/x/li> 

<liximg src="datal/images/jellyfish, jpg" alt="4 title="4 ^Ij-Le" id="wowsl_3"/x/li> 

<liximg src="datal/images/tulips.jpg" alt="5 a I j_up " title="5 o!j_le" id="wowsl_4"/x/li> 

</ulx/div> 

<div class="ws_bullets rr xdiv> 

<a href="#" title="j_i r jLio j_le "Xing src="datal/tooltips/chrysanth.eimm. jpg"/>l</a> 

<a href="#" title="j_i_jLiin 4 j[j_LE rr Ximg src="datal/tooltips/desert. jpg"/>2</a> 

<a href="#" title="j^;JLio 1 j!j_Lc"Xirag src="datal/tooltips/hydrangeas. jpg"/>3</a> 

<a href="#" title="j_i r jLio j_le "Ximg src="datal/tooltips/jellyf ish. jpg"/>4</a> 

<a href="#" title="j_i_jLiin ,jl j-ts "Ximg src="datal/tooltips/tulips . jpg"/>5</a> 

</divx/div> 

<div class="ws_shadow"x/div> 

</div> 

</div> 

<!—End Slide show—> 


t $\a\ jajjj]) jc-uuj Hod head-^ 4 Q$i ^ ^uu^LuJL 4^alaJl CjUjjLuJIj CjliLUj ^uuj Had Luajjj 


^ U£ body-N ^ 


3 

4 

5 

6 

7 

8 
9 


<head> 

<meta http-equiv=" Content-Type" content="text/html; charset=utf-3" /> 
<title>oLjjJLjLLJl 1 iyj ' j 1 * 1 ' 51 I Technology Fioneers-c/titIe> 

■Clink href="css/style.css" rel="stylesheet" type="text/css" /> 
clink xel="stylesheet" type="text/css rr href="enginel/style.css" /> 
Cscript type=" text/javascript" src="enginel/ jcpiery. js "X/scxipt> 
</head> 


64 

65 


<'-p L_*_j I lIjjJI ijL+J — > 

<script type=" text/javascript" src= "engine1/wowslider. js"x/script> 
<scxipt type="text/ javascript" src=”enginel/script . js"x/script> 
</body> 

</html> 
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:Sjj-ua]j La£ 4jjsu ixj j£-ui (jj^uij 



: 3jj^Sj ^ La£ J£-ui j css-^^ border-^ slide &* fUajJl LjiaaJl AJljb ^jU 


<- 


C j D localhost/project/index.php# A- (Jfr ® Z ia* S = 



ocaj <jILa ji ^ 1$ Uin AuilaJlj main L ^ AitLjj fLuajj Aail^ J-aP j j-d! CjliLuaj J-A3U ^jllui 


: -i&LjJ La£ ui . flxJ! < fljMl JIa j 


± 





Layers Channels Paths ■*= 



paid B S 0 T n J3 


■ 

Normal t Opacity: 100% -r 

4. 

V 

Lode: ^ y *J» fl «: 100% T 

ISI 

° Hj Uyer0 
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US JjSil Sawij AjiLaJU main style.css <SU2ab ^j£jj bg2.png iiaj (»jii oik.j ^ US 

: Sjj-aJl <4 


9 

10 

11 

12 

13 

14 


.main{ 

height : auto; 
width: 960px; 
na r gin : 0 auto ; 

background-image :url ( . ./im.ages/bg2 .png) ; 
margin-top : -7px; > 


La£ ijaII JLui *«ij \ T jiaui 4ritual 



: ^ja!\ ^ La£ ^ Jj JLuu •JljS'tfl fLui <jlj ^14^1 Sbc-Lula]) (jtaxj 41U& <. t fljMl JJa J^ju ^jIj 


(http://www.cssmatic.com/box-shadow) 


uLill Jib ^1) 4 jc-utljj 4lbj ^,jAj 4 ij£]| 4ll jcjjjj ^oaJ! uLaU JlaJb ^aHij jLuuIl jljjVl J^l J>4 dbJi La£ j 


:(4j o^tlll o-aiill) 
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ur 


BOX SHADOW 


Horizontal Length | -3 px 

Vertical Length j 7 px 


Blur Radius I 28 px 

Spread Radius 1 px 


Shadow Color 



Box Color 

Color 

Outline 


[5ts1 

Inset 


& * * » m z ... a = 

QEaS V Tweet 47| 8+1 90 




: ^ US JjSl) jS^j 


.main{ 

height : auto; 
width: 960px; 
margin: 0 auto; 

background-image : url(../images/bg2.png) ; 
margin-top : -7px; 

-webkit-box-shadow : -3px 7px 23px Ipx rgba[0,0,0,0.75) ; 
-moz-box-shadow: -3px 7px 2Spx Ipx rgba[0,0,0,0.75) ; 
box-shadow: -3px 7px 2Spx Ipx rgba[0,0,0,0.75) ; } 


• ^ US JS-ui ^jS^J 
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La£ jbj sf IJaI (jA j±AA liJ jSIjaJI f IJaI u& 'j°'" ■■* <^1 cJl jaSI Jili £>® t jS"~ content JSSij 

: Sjj-aJl fji 


WHAT WE DO 


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam 
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisi ut aliquip ex ea commodo 

consequat. 


j0 


LOREM IPSUM IS SIMPLY 

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut 
labore et dolore magna aliqua.. 


i k 


LOREM IPSUM IS SIMPLY 

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut 
labore et dolore magna aliqua.. 


W 


LOREM IPSUM IS SIMPLY 

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut 
labore et dolore magna aliqua.. 


& 


LOREM IPSUM IS SIMPLY 

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut 
labore et dolore magna aliqua.. 



LOREM IPSUM IS SIMPLY 

Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut 
labore et dolore magna aliqua.. 


^ ULpit jl AljjlaJlj : (WHAT WE DO) JjVI f jail 



^ U£ U1a*j A^aliJI index.php 






67 

€8 

€9 

70 

71 

72 

73 

74 

75 

76 

77 

78 

79 


<5-£_§ j 3 I l 5 jJLrtJ I J--> 

<div class="content rr > 


_ j i <i_ s i j i j j 4 _ i p j _a_j i _ &-<z./h2y- 


•Cdiv class= Fr top-box" > 

<b2>l_ 

<hr> 

<P> 

u-JjjJLS! 3“^ I _ j| j j jJLS! 5^1 rt—S I 1 4—B 

ill I j I ^ I J_E I J—9— ijja-Ue_J — 4— I j — i_3j I ij [ — : J_9 I j-J 

4 I M. ** J 4_i ~!j J ~L V 31 .~1 I J Mi i — j_p- — li] J 3 □* L S : 4 3 j_*_S Ci I j'^jLc I 



P .1 9 J j I_3 I j> I 




j-ijj 


AllL ^jklj cJUib A.ualail CSS-^ J^jAj (jl Lai qa 1 \ jiaui J,j^]| ^uM£Jl 

JC-La Aj o^aliJl J|j£VI i fl.Wj IIa£ loA .Aj <j^laJl Jajjj]| jLuu-a CSS aLxaII i aIaII J1L ^j!j jl Uj <j^laJl style.CSS-^ 

• Sjj^ail La£ AlauaJl aUlljj A^UaJ ^«l3l 
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4 

5 

6 

7 
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9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 
29 


/*—content—*/ 

.top-box h2 { 

text-align : center; 
color: #fff; 
font-size : 3err; 

font-family: 'bebas_neueregular 1 ; 
margin-bottom: 2Qpx; 

> 

hr { 

border-bottom: Ipx solid #CCC; 
border-top: none; 
margin: 0; 
width: 5G0px; 
display: inline-block; 
margin-top: -14px; 
margin-bottom: 14px; 
ma r gin-right : auto ; 
margin-left: auto ; 

> 

. top-box{| 

text-align: center; 
margin-bottom: 2% ; 

} 

.top-box p{ 

color: #fff; 
font-size: Q.8125em; 

Iine-height : 1.5 era ; 
width: 65%; 
ma r gin : 0 aut o ; 


30 jj 


: ^j ^ <J^ . style.css-^ ^ 
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ijk fjaJI <^A j (ja Luajj Jjiluiluij Jijj a,\V\ ^1\ ji ^Lu^SU ^A j Luajj AiLuaL 



READ MORE 


READ MORE 


READ MORE 


The Rhoncus Neque 

Lorem ipsum dolor sit amet consectetur 
adiing elit. In volutpat luctus eras ac 
placerat Quisque erat metus facilisis non 
feu.aliquam hendrerit quam. Donee ut 
lectus vel dolor adipiscing tinent 


Ut Hendrerit Lipsum 

Lorem ipsum dolor sit amet consectetur 
adiing elit. In volutpat luctus eros ac 
placerat. Quisque erat metus facilisis non 
feu.aliquam hendrerit quam. Donee ut 
lectus vel dolor adipiscing tinent. 


Proin Vehicula Justo 


Lorem ipsum dolor sit amet consectetur 
adiing elit. In volutpat luctus eros ac 
placerat Quisque erat metus facilisis non 
feu.aliquam hendrerit quam Donee ut 
lectus vel dolor adipiscing tinent 


• Jcss 4 ju1jj 6^1 j J j$l\ ^ua j ^jliuu 



• (jk U£ Jjjj 4 j ^jAj uLill Uj indcx.php 
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64 

65 

66 

67 

68 


70 

71 

72 

73 

74 

75 

76 

77 

78 

79 


81 

82 

83 

84 

85 

86 

87 


89 

90 

91 


4—jj L%_j — 4 _jj I _ I 

J-?- — *11 j—i o*-»—9 : 


</p> 

</div> 


< !-jj-j# ,_ y _3 LJLJ I iI -> 

<div class="grid_s"> 

<h2>Lorem ip3um dolor sit amet consectetur adiing</h2> 

<div class="grid"> 

<div class="gallery"> 

<a href="web/images/grids-img4 . jpg"ximg src="web/images/grids-img4 . jpg" title="image-name"X/a> 

</div> 

<h3>the rhoncus neque</h3> 

<div class="grid_p"> 

<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis 
non feu,aliquam hendrerit quam. Donee ut lectus vel dolor adipiscing tincnt.</p> 

<a class="button bg2 grid_btn" href="details.html”>read more</a> 

</div> 

</div> 

<div class="grid"> 

<div class="gallery"> 

<a href="web/images/grids-img5 . jpg"ximg src="web/images/grids-img5 . jpg" title="image-name"X/a> 

</div> 

<h3> ut hendrerit lipsum</h3> 

<div class="grid_p"> 

<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis 
non feu,aliquam hendrerit quam. Donee ut lectus vel dolor adipiscing tincnt.</p> 

<a class="button bgl grid_btn" href="details.html”>read more</a> 

</div> 

</div> 

<div class="grid last-grid"> 

<div class="gallery"> 

<a href="web/images/grids-img5.jpg"Ximg src="web/images/grids-img6 . jpg" title="image-name"x/a> 

</div> 

<h3>Proin vehicula justo</h3> 


Web 4-4-uul Jajjj-bl aIaaIIj AaiLlbl a !\ jj CjliLbl Jj&Jj CSS-^ f Ij-uj UL Jsjjj ^ j£j 

^jAI uj j oJjjj f jaJb AJabj-bl bAALbl <j a ^saikUb ^jliuj j Cjlilb) j .lla. aII Actual 


• Abllil a i LaS 


| clink href="web/css/style.css" rel="stylesheet" type="text/css" media="all" /> 
</head> 

<body> 


u&U ^ Ajluij j dllLuJ (jiil cbb-u!>l£Jl £Luuj ^La) t aIaII fLui* qjIj Sj-bc- jla-uj 


: ^ U£ J£Ij j) style.css 


► Computer 

► Local Disk [C:] ► wamp 

► www ► project ► web ► 



Organize » Include in library ▼ Share with ▼ 

Bum New folder 



S^T Favorites 

Name 

Date modified 

Type 

Size 

E Desktop 

B css 

T-w-i/TA^mr 

File folder 


Jgj Downloads 

, images 

T*W*£/TApW;*V 

File folder 


'M Recent Places 
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\ AV 


:6jy^l\ LoS JLui (JjLjumj 


-> C □ localhost/project/index.php 


☆ ** * t* Gl z .« Si = 


Lorem Ipsum Dolor Sit Amet Consectetur Adiing 



I JIJJ ^JJUU 


iaijJ&fH «LaiUj i-u*. ^u, 








The Rhoncus Neque 

Lorem ipsum dolor sit amet consectetur 
adiing eht. In volutpat luctus eros ac 
placerat. Quisque erat metus faciHsis non 
feu.aliqua m h endrent quam. Donee ut 


Ut Hendrerit 
Lipsum 


Lorem ipsum dolor sit amet consectetur 
adiing eht. In volutpat luctus eros ac 


Proin Vehicula 
Justo 


Lorem ipsum dolor sit amet consectetur 
adiing eht In volutpat luctus eros ac 


I JLuj w'Cb (j-4-ua style. CSS^ * $\a j (jjjUxij ^ CjLuiIIa qa ^jL La Jjixjj Aaiil ljjjjuj ^jAj 


: JjJjuil -Ixj 
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> AA 


ijk La£ JLui (jSSI Jajjj Aa^j qa li^Jl AiiJij JaaJi Au^. qa ^ILyJl Jajjjilj JjjAiua J£J AailaJj JjAlL Uajj ^jAj 















■LKj... aJL^s 






e*jL^> L>^J^UI ilgj oLoJl> i>cx*o t^o 

L^jI^>$j i.pJL>aj ^Sl^oJIg 
1. ->qI q :<. I I j>|q, oloA> 


fi^jx^xj fiuLuS L^^J^SlJI ^Igj /XjjoLzX' 
/XjJXjAj JXjuxS i^aSsI^I 

A . A .yA I JXjuj3 t j - i ^ Q I ) A? II A . A . >A i JXjudS 
L Hil9l_pdl jxjXj£u /)ljlul 9 L ^uSdl_pJI 
JX±JXj£u fiuujS L Mll9l > ^JI ,OuiWU JOuujS 
i^uSl9I^%JI 


<Ui 9 > 2 J| £9l<y) «i9Uaij^l9 

P^jxj£u uSc^j^jo 6 jbl <uxbjl i_jllS>»9 
<uvJajl <J9jiUI gsl^x) 49 L£l^uI9 

Rdloa Adl^LLujIq p^jx^cu uSo^sjo 6 jbl 


: ojj-uail ^ La£ content JjLil ^j-uLL» JjalL Uajj 


77 

.content{ 

78 

height : 750px; 

73 

width: 96Opx; 

80 

margin : 0 aut o ; } 


Sjj-ua]j ^ La£ jA main fljdl uLill jj <jl AjjIj 4 uA 1 aJ| dJA JAxj <jl j AjA^ Jj£ AiLuab ^jilui 

: J^aVI style.css A jla^ ^ 


7 


body{ 

background-color : #FCO; 
background-image : 
ur 1 ( . . / images/bg .jpg) ; 
background-attachment : fixed; > 


uJaj La£ border-^ C 5 ^j JjJall ljLuiIL) bdj^ ja^J j (footrt) f 4 a£I^ AjIai fjzlj footer-^ 

• main * jjSJI o^J A A jlxui La£ AjjILj ^ AoIauJI b) jjl aja^j LusjI 


I .footer { 

background-image : url(../images/footer.png) ; 

height : auto; 

height : 4GQpx; 

width: 96Opx; 

margin: 0 auto; 

border-radius : Opx Opx 5px 5px; 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 

















^ La£ j-aSI 



fL a-uuVI (jiiioj Luajj ljLlmMS AjMj l^iL^ub f lA\ Ja5j ( J^aj jj]| Jajjjj — j£ij^Jl jjjj — jb^SH j^i) jjj jAJI J^b LjlijJ AjMj ^-ubj 

: ^Uil jjiil ^ U£ ( iaj)jjii social - jljJJ visitors - news lh^) ^j f ^1 bAijAll 


119 

120 

.news i } 

121 

122 

.visitors{ > 

123 

.links {> 


: ^ U£ index.php ^ 


<div class="footer"> 

<div cl a ss= "news ">j i_i_^ I jjT ljl»</ div> 
<dlv clas3= rr links rr >, L jH^I jJlJI i^ljj </div> 
<dlv class= ,r visitoxs rr >j_ijjJl jljj</div> 
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^ U£ j news news 


119 

120 
121 
122 

123 

124 

125 

126 
127 
12E 
129 


.news { 

width: 31Qpx; 

border : solid #999 Ipx; 

margin: 3px 5px 3px 5px; 

border-radius : 3px 3px 3px 3px; 

color : #E6E6E6 ; 

direction: rtl; 

padding: 2px 4px 2px 4px; 

f ont-f ami1y : T ahoma , Geneva , s ans-3 e rif ; 

font-size : 12px; 

float : right ; } 


; LjLuu^lSJj JU£ (jtaxj c-Ajlaj lg_l£ CjILaU (j£LaVl jl Luajjj 


119 

.news{ 

120 

width: 31Qpx; 

121 

border: solid #999 Ipx; 

122 

margin :3px Spx 3px 5px; 

123 

border-radius : 3px 3px 3px 3px; 

124 

color: #E6E6E6; 

125 

direction: rtl; 

126 

padding: 2px 4px 2px 4px; 

127 

font-family :Tahoma, Geneva, sans-serif; 

128 

font-size : 12px; 

129 

130 

float : right; > 

131 

.visitors! 

132 

width: 310px; 

133 

134 

float : left; ]- 

135 

.links! 

136 

width: 310px; 

137 

float : right; > 


•Sjjj-saJl La£ jjjjiil J£-uj QjS^jai 



jbV^b A^alaJl jajjjjll jljjll JlJC- j J^al jj]| JsjIjj f Luub ^b£]j 


: jjSJI ^ us style.css t flb l£j (ja Li JfcLuuj j ||1 jb^^b A-ual^Jl *LajI£]| Vji turn 


<div class="news"> 

<ul> 

<lixa href="#"> i. ■ j j- 
<lixa href="#">pi >SLJi 
<lixa href="#">.jLtfurfj^ 
<lixa href="#">dJj 
<lixa href="#">dJj hti 
</ul> 

</div> 



“■* J 
pa_ti 

p^U’il *lja^0j £_§l 
1 « ; jfl !_>■ 0OjX</aX/li> 


i jj</ax/li> 

ii j jj</ax/li> 
a i jj</ax/li> 
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fjk US style.css ^ 


119 

.news{ 

120 

width: 310px; 

121 

border : solid #999 lpx; 

122 

margin: 3px 5px 3px 5px; 

123 

border-radius : 3px 3px 3px 3px; 

124 

color : #E6E6E6; 

125 

direction: rtl; 

126 

padding: 2px 4px 2px 4px; 

127 

font-family :Tahoma, Geneva, sans-serif; 

128 

font-size : 12px; 

129 

130 

float : right ; } 

131 

.news ul 11 a { 

132 

text-decoration : none ; 

133 

color: #CCC; 

134 

font-size : 13px; 

135 

line-height : 24px; > 

136 

.news ul 11 a:hover { 

137 

t ext-de c 0 r a tion : underiine ; 

138 

color : #FFF; > 


‘,ijy^l\ ^ US jiijiJt JSui jjS^uij 



^jk La£ £)a ljLj j£ jJLufl u-Lj (jC^ SjLc- <jl 11 J ^j-saLk J-aC-j lj! kill (jjjUc- J-axj ^ jAj • LjLj 


: ^uii p rr jku,) jjil! 



<div clas 3 = ,r new 3 ,r > 

<div clas 3 = rr headline rr >j LkjV I jjT</div> 

<ul> 

<liXa tiref= ,r # "> a y 'ijj-Jl! _ITf I ,^-J I j_*_ " i a 9 I /-!.■.-■ 1 j p. tin i Bjjj gt i > i L_l^j _j_j \ ^ \ _jI j I jj</ax/li> 

<lixa tiref =,r # Pr >.p I j_£_si j_ij_p- yaj_*_i p.i >i j Llj-j _ij l ^ i_si j I jj^/ ax/li> 

<lixa href= rr # rr >Lji_ u i^jj^Ji ^_s -.jj x s v i ^71 Hjuj g-ii jj^ji j ujI j j^</ax/li> 

<lixa href= rr # rr >^Jj 1 _ t * s 1 {jL^ajj j $ 2 1 ^ 1 i *. 1 yaLj u 5 jj</ ax/li> 

<lixa href= rr # rr >^Jj 1 _ l * s \ r» 1 .n j j j ^ ^ a . ^ 1 t ± 1 2 ^ ij > s 1 j 2 ^ jh 1 ij'y 1 ^ 1 ^ i_ljp- j_s j 1 ^ ~_31 ^ijj</ax/li> 

</ul> 

</div> M 


; fji US Aj (jj^lSJl (jjSjm j 


148 
14 9 

150 

151 

152 

153 


.headline { 

text-decoration: underline; 
font-size : 13px; 
color : #FC0; } 
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^ U£ ( news - links - visitors) <J£Ju lh^ <J^ oail^aJI 


119 

120 
121 
122 

123 

124 

125 
12-6 

127 

128 

129 

130 

131 

132 

133 

134 

135 

136 

137 

138 

139 

140 

141 

142 

143 

144 

145 

146 

147 

148 

149 


.news { 

width: 300px; 

border: solid #999 Ipx; 

margin: 3px 5px 3px 5px; 

border-radius : 3px 3px 3px 3px; 

color : #E6E6E6; 

direction: rtl; 

padding: 2px 4px 2px 4px; 

fout-family :Tahoma, Geneva, sans-serif; 
font-size : 12px; 
float : right; } 

.news ul li a{ 

text-decoration: none; 
color: #CCC; 
font-size : 13px; 
line-height : 24px ; } 

.news ul li a:hover { 

text-decoration : underline ; 
color :#FC0; } 


.visitors{ 

width: 30Gpx; 

float : left; 

direction: rtl; 

border: solid #999 Ipx; 

border-radius : 3px 3px 3px 3px; 

padding: 2px 4px 2px 4px; 

margin :3px Ipx 5px 3px; 

font-family : Tahoma, Geneva, sans-serif; 

} 


:links 


151 

.links{ 

152 

width: 31Ipx; 

153 

direction: rtl; 

154 

color : #CCC; 

155 

font-size : 13px; 

156 

line-height : 24px; 

157 

border: solid #999 Ipx; 

158 

border-radius : 3px 3px 3px 3px; 

159 

margin :3px Ipx 5px 2px; 

160 

padding: 2px 4px 2px 4px; 

161 

float : right; 

162 

font-family :lahoma, Geneva, sans-serif;} 

163 


164 

.headline{ 

165 

text-decoration : underline ; 

166 

font-size : 13px; 

167 

color :#FCG; } 
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: index.php ^ ^ ^j (icons) -*4^ ^ J^lj^l lj K^I jj^s J a&j (Uxa J^aIjj) IsjIjj ritual U£ 


133 

134 

135 

136 

137 

138 

139 

140 

141 

142 

143 

144 

145 

146 

147 

148 

149 

150 

151 

152 


<div class="link:s"> 

<div cl a ss= "headline";* j_i_c ljlju j^i j_j :</div> 

a j_p- ^ j Li l ^ •=■ j j jJLU j 1 ii I j j, 

<bx /> 

00967714490030 : :. jin 

<bx /> 

00967714490030 : ^1 f L i 

<bx /> 


ij j ~ < < 7 1 j—jj-i— 51 : en_yusuf @yahoo. com 

<bx /> 

714490030 : J\^ 

<bx /> 



<bi /> 

<a href ="ht tps : //ww. facebook. com/TechPio"xiiiiig sxc="icons/f .jpg" width="32" 
<a href="http : //ww. techpio .net "Xing 3xc="icons/t . jpg" width="32"/x/a> 

<a href="http: //www. techpio .net "xinig 3rc="icons/y . jpg" width="32"/x/a> 

<a href="http : //ww. techpio . net "Ximg 3xc="icons/l . jpg" width="32"/x/a> 

<bx 

</ div> 


/x/a> 


: ^ U£ ( www.flagcounter.com) <> UIIajj jljj f 


WELCOME TO FLAG COUNTER! 


TESTIMONIAL 



Add our free counter to any webpage and collect flags from all over the world. Every time someone 
from a new country visits your site, a flag will be added to your counter. Not only will this make your 
site far more interesting, but clicking on your Flag Counter will reveal amazing information and charts! 


INSTANTLY CREATE YOUR FREE COUNTER 

O Customize your counter here. When you're finished, click the orange button. | Reset 
Show on your site: <8> Top Countries 


Maximum Flags to Show p^2 
Columns of Flags |2 


Label on Top of Counter Visitors 


O Flag Map 

Background Color# pppppp t 
Text Color 

Border Color# CCCCCC ► 


© Flag Counter preview using your selections. (But our visitors) 

Visitors 

761,182 m 357,946 
a)i 494,741 |*| 333,174 
□ 445,766 a 312,514 
HI 407,650 3 275,853 
M 399,759 B 269,063 
" 386,376 I I 250,401 

I ^FLA6K>HMUJ 


'...I check my homepage every morning. When I 
see a new flag show up, it makes me proud! 
Thanks for the great free service.” 

-Bob H. - West Virginia 


Show Flag Labels □ 
Show Pageview Count □ 
Show Number of Flags □ 


» GET YOUR FUG COUNTER 



J-axj ^jiluij # 4tiLiaxj (jjl j Aoilk V ^1 jljj jtgialj Jjill JJxli jUaJ 

. AuiUij La£ visitors 4 _u£jjj LL 
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INSTANTLY CREATE YOUR FREE COUNTER 

© Customize your counter here. When you’re Finished, click the orange button. | Reset ^ 
Show on your site: «§) Top Countries ©Flag Map 


Maximum Flags to Show 20 
Columns of Flags 1 2 


Label on Top of Counter none 


Background Color# j 

Text Color # CCCCCC ► 

Border Color# EPS 


© Flag Counter preview using your selections. (But our visitors) 


^US 761 ,184 F TW 2< 
S“GB 494,741 ■ IT 2! 
IP- BR 445,766 ^ ES 2: 
C_ DE 407,651 ■ R0 2. 
^RU 399,759 WS SA 2 
M ID 386,377 m IN 2' 
™PL 357,947 P PH 2‘ 
f3 CA 333,175 IP TR 2‘ 
— TH 312,514 F CN 2( 
275,853 W PR 1« 
119,449,966 pageview: 
250 flags collected 


)?? FLAG kumum 


Show Flag Labels 0 
Show Pageview Count 0 
Show Number of Flags 0 


» GET YOUR FLAG COUNTER 


: l_u£, jl!l 



copyrights uL-l]) ^-uil ^fIL \ f Luub plJ JsjIjj jAi ljLj (jVl 




: index.php 4-ai^a ^ 


<! — p I — * — 5 1 i_£l_i j— S I LjLp — > 

<br /> 

<div class= w copyrights 1 ^ 

_5 4j-j ~i f 4 j ij- l_ji_J ,J I 

<br /> 

[Tmj pj_ij : <a hLref="http : //www. techpio .net ">1-1^ 
<br /> 

</div> 


j l jj </ a> 


<script type= rr text/javascript™ 3rc= rr enginel/wowslider . js rr x/script> 
<script type=" text /javascript" src= rr enginel/script . js rT x/script> 
I</body> 

</html> 
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La£ Aj uL^ll jl main u^JI uLiil J-^c* Io^^U La£ 



.copyrights { 

170 

text-align: center; 

171 

font-family: Tahoma, Geneva, sans-serif; 

172 

font-size : 12px; 

173 

margin: 0 auto; 

174 

width: 959px; 

175 

176 

color : #fff ; } 


: S ^ Ia£ JjiaJj j£-ui £j£j*uuj 



•Sjj-ualj ^ La£ ^ j^\ jj^aj jj-ua]j JI^jIuAj ^,jAj 



: Sjj^al! ^ U£ style.css-^ ? * * 4-^1 footer JjW f 


82 

83 

84 

85 

86 

87 

88 
89 


.footei { 

background-image : uri(../images/footer.png) ; 

height : auto; 

height : 30Gpx; 

width: 36Opx; 

margin: 0 auto; 

border-radius : Opx Opx 5px 5px; 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 




























: s ^ U£ jjjj&I jSuji 



indexl.php - - index.php) LjUai^a A^i^l jS 

.(index.php 

.include A-^ Aia^ljj indexl.php ^! A&L ^jHuj JjSn f JaJI A-a*i^l &i&:index.php 

uLj AjL$J JjS ^j JjVI jIa*JI Jfc ^4 ^n j <> JjVl f jaJI ci: indexl.php 

.A % wal l A_jtgJ ^j jjjjiil AjI^j c> <J£j : Index2.php 

.jjjjiil AjI^J JjS AjI^j £)a aJUI jaJVn j : index.php 

:<L]U]i La£j 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 










indexl.php 


2 

3 

4 

5 

6 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 


< ! DCCTYFE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN rr "http : / /www . w3 . org/TR/xhtml1/DTD/xhtmll-transitional. dtd rr > 
<html xmlns= "ht tp: / /www . w3 .or g/ 1999/xhtml" > 

Chead> 

Cmeta http-equiv=" Content-Type" content="text/html; charset=utf-8" /> 

<t i 1 1 e X L j l i l ^j i j i ^ t i | Technology Pioneers</title> 

-Clinic href = "css/style . css" rel="stylesheet" type="text/css" /> 
clink: rel="stylesheet" type="text/css" href="enginel/style.css" /> 

<script type="text/ j avascript" src="enginel/ jquery. js "x/script> 

< '— —> 

■Clinic href="web/css/style. css" rel="stylesheet" type="text/css" media="all" /> 

</head> 

Cbody> 

C ! p I st S I i_a_i J S I 1 1 J i I \ a > 

cdiv class="main"> 

Ci-g_9j * S i 4 111 J J J-Ji 4 _j I J_j I 1 *-> 

Cdiv class="header"> 

Cirag src="images/logo .png" class= rr imglogo" /> 
c/div> 

C ! - 4 _ a _j I _J_5 1 4 _] I J_ i l_La-> 

Cdiv clas3="memi"> 
cul> 

clixa href="index.php">i_ ! _ u i_ ! _^j_Ji c/ax/li> 

clixa href="#grid">L_i _ :i_jj _ ?c/ax/li> 

clixa href="#">L_L _ si * el ^c/ax/li> 

clixa href="#">j Uj^fi j_?dc/ax/li> 

Clixa href="#"> Lf _-> _j ^_x/ax/li> 

Clixa href="#">l_i _ j _ il C/aX/li> 

c/nl> 

c/div> 

C ! - 4 * 1 1 _i_5 1 4 _j I f 'i I _i_B—.-'j 


index2.php 


2 

3 

4 

5 

6 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 


Cdiv class="f ooter"> 


Cdiv clas3~ "news" > 

cdiv clas3= n headline rr >j I _^T c/div> 

Clll> 

clixa href= rr # rr > I ,*_si iiLL;ij ijj:. j_jjjlulj i jjC/a></li> 

Clixa href= rr # rr > p l & j-*-! p-» ^ j L-*^ jJlUlJ l ^ l j jC/ax/li> 

clixa href= r # FT XiLkL J sjj^ji ^_s ^jjjLi-Jdi p^uii s i ju j £_si j^ji i-n—; j^ l.i j jX/ax/li> 

clixa href= rr # rr >iilj l ^ l nn ^ j j 4 *' ij-^LJL* * oaL^ l^m-e c / a >c / 1 i > 

Clixa hrpf =rr # 1 .x s i j^ ii.i jU-d I ij'S I ^ 1 1 j 1 s j 1 c t s i .i 1 j j c/ax/li> 

c/ul> 

c/div> 


Cdiv clas 3 - " 1 inks" > 

Cdiv clas3= rr headline ri > J _ ! _P L-Ljus Jh^i :c/div> 

a J_3S- Li I ^ ?- J_ 1 j 1 V ~i_3 I J I j j 

cbr /> 

00967714490030 : £>±JlLj 

Cbr /> 

00967714490030 : ^LjJUi 

Cbr /> 


: en_yu3uf @yahoo . coin 

Cbr /> 

714490030 : Jl ^ 

Cbr /> 



Cbr /> 

ca href=*https : //ww. facebook. com/TechPio^xirng src= w icons/f.jpg" width="32 Fr 
Ca hre f= w iit tp: //ww. techpio.net "Xing src= rr icons/t. jpg" width="32"/x/a> 

Ca href 1 ="ht tp : //www. techpio .net "Ximg 3rc="icon3/y. jpg" width="32 "/x/a> 
ca href="http ://ww. techpio .net "Xing src="icons/l. jpg rr width="32"/x/a> 

Cbr /> 
c/div> 


/x/a> 
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Cdiv cIass="visitor3"> 
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HA 


2uu\ll\ AjtgJ ^ U ±jZl\ : index.php 


3 

4 

5 
€ 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 


<!—Slideshow beginning —> 

<div cIas3= Fr slide Fr > 

<div id= Fr wowslider-container ! n > 

<div class= Fr ws_images Fr Xul> 

< 1 i X img src= w datal/ images/1 .png" alt =FT l title= FT 4 i ~ij I g_5i _j * ii ^ pi_i Llj-jj" id= rr wowsl_Q n '/x/li> 

Cliximg src= Fr datal/images/2 .png" alt= rr 2 ijlj-Le" title= rr 2 jjtj-tc" id= Fr wowsl_l"/x/li> 

<liximg sr c= w datal/images/3 .png 1T alt="3 ^ij-Lc" title= FT 3 jjtj-tc" id= Fr wowsl_2 n '/x/li> 

Cliximg src= Fr datal/images/4 .png" alt= Fr 4 ^ij_Lc Fr title= rr 4 id= Fr wowsl_3 FT /x/li> 

<lixirng src="datal/ images/5 .png" alt= rr 5 ulj_Uf rr title= rr 5 id= rr wowsl_4 Fr /x/li> 

</ulx/div> 

< div c 1 a s s= "ws bul 1 e t s rr X div> 

<a href= Fr # FT titIe= rr j_L_jLii> \ j_le "Ximg src= w datal/ tooltips/chrysanthemum. jpg"/>l</a> 

<a href= Fr # FT title= Fr j_LjLio ^ ! j_le Fr ximg src= rr datal/tooltips/desert. jpg FT />2</a> 

<a href= Fr # FT title= Fr j_i_jLiin .r, l j_U 2 Fr ximg src =,,, datal/ tool tips/hydrangeas . jipg*/>3</a> 

<a href= FF # Fr title= Fr j_i_jLiin j_Lc rr Xirag src =Fr datal/tooltips/iellyfish. jpg"/>4</a> 

<a href= Fr # FT title= FT j_LjLiin jjj; rr xiiag src =rr datal/tooltips/tulips. jpg FT />5</a> 

< / di vx / di v> 

< div c 1 a s s= Fr ws_sha do w rr x/ div> 

</div> 

</div> 

<!—End Slide show—> 


<i -J-ij-jdl 4—j l j—. —> 

<div cla3s= FF content FT > 

<div clas3= Fr top-box rr > 

<h2 > Li-?- j-J j I ^ t ’ i l 4_. pj_uuj</h2> 

<hr> 

<p> 

j j-ii 5d I .j j j "i ~l j I j 4_i_j j jJLS Sd I j_s I j_* i I 4_i l | j 

ci I _j I l i i j_j- j - 4_ j j \ c - ixjj j : i 

_ j I .~i I _j .S 'i — — ii] j_ i yi_L_9 Z 4_ i j i- J iZa I _J jtv I 

</p> 

</div> 


i_a I _ 4 I 
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— > 

id =FT grid"> 




: (jk U£ indexl.php 4-ai^ail * index.php 


i 


2 


<?php 


include ("index!.php w ) ; ?> 


^ U£ index.php index2.php 4iluab ^ jU <LLJI <jAL 


l j_* j I j 4 1 1 j >■ 

< ?php include ( n index2.php w ) ; ? > 


.HjLuj La£ 4 % (jbjj CMLa1\ flPJluijj 4-Luujjjj 4 ixj 
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(tliLtl Jl ajuLUI 


l ( f IjAa _ jLukSfl — LjLdAk]j _ AalUll Jjl-iaJl J-axj ^ jliui 


project SjpIS 


cJijLuall 

Jj^aJI 

aMl _ - ^Sjll 

id - head - det 

menu 

Jjwalij — Sjj-uail _ (jljjaJl _ A-aiaJi 

Id - head - img - det 

serv 

— <jl jjsJI — jujUil — ^SjJ) 

Id - date - head - det 

news 

JJJ-UltjJl ^uiVl — ^3 

Id - name - password 

admin 


. Sjj-ualj (jh La£ JjlAaJl ^4 CjULnij 3J&li j£Ju jj^j j “J 



: 4-JUJl jj-uall La£ Jj!±aJ!j 


: admin 
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menu Jja* 



news JjAa. 


A 


news P « project 0 « localhost £53 j- 


Triggers 44^ JP i\j&J —^ j-a-* d^! >» -4 SQL *4? |H| i_J 

^i-^! ,/*»> Collation ?—# 


Distinct values |1§ 3 ] Spatial ^ 


J ^ JAj 

^ # AUTOJNCREMENT v-s y 


int(3) 

Id 1 □ 

Distinct values o^' [_JJ Spatial [jjs 



-a** 3 0 V~' y 


utf 8 _general_ci varchar(33) 

date 2 

Distinct values @ [ 3 ] Spatial |0f 


j ^ ^ ^ 

<$ jx£ # ^y 

'i 

utf 8 _general_ci varchar(222) head 3 □ 

Distinct values Q 3 J Spatial 



& ^ ^ 

'i 

utf 8 _general_ci varchar(333) 

det 4 



jg 

ji ^ ^ ^ 



-□ _jr 


serv Jja*, 
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Y * > 


gA tiillL Jl AC 1^3 Jaj) Ah|Q 

• gjS La£ (j j^aujj ,il\4 4j Jj±^ J£j cjUxL^H admin J-^xj SjlaaJI dJA ^ 


Name 

Date modified 

Type 

admin 

t-w-vyv *1:£1 

File folder 

menu 

Y-W-£/YV A:H 

File folder 

, news 

M£/W^ 0:11 

File folder 

| serv 

T-W-£/YV 0:£1 

File folder 


■ll\4 J^b 4 a'iUIIj <LualiL]| jLkjVj *bvjluaj b ju+ij ^aj^uall] J^luujj uLjJj 4_iiik j jSjaII jjJluu CjWwiN <jjjla JjUuu ^j4^*u ^j!j 


css ^ ib J^su <iibj ljLui^I£ J^ju ^jlluij .4 ail $li LjULnij Jt^jb insert.php 1$ 4%$^ 4 menu 

J-axj insert.php «>2mj menu Cfi\ .css 4J J^xjj admin.css 


: jjiil ^ U£ insert.php ^JJ 


H 

<title>i-a_ji_JUi ill l _31 —£_j jL>oi ij*_Lo</title> 

<link href ="../css/admin.css" rel="stylesheet" type="text/css" /> 

7 

</head> 

8 

<body> 

9 

<div class="admln"> 

10 


11 

<div class="b"> 2 * w « n .-i -.i . . jl_*.>i </div> 

12 

<br /xbr /> 

13 

>-*-• pjj-*- 51 

14 

15 

</div> 

16 

</body> 


: ^ U£ admin.css ci^lj css ^4^ ^ 


5 

body{ 

6 

7 

background-color: #F4F4F4; > 

8 

9 

.admin { 

10 

background-color: #fff ; 

11 

border : #666 solid lpx; 

12 

width: 400px; 

13 

height : 4G0px; 

14 

margin :0 auto; 

15 

direction: rtl; 

16 

font-family :Tahoma, Geneva, sans-serif; 

17 

f ont-size : 12 px; 

IS 

padding:! lpx 5px llpx 5px; 

19 

border-radius : 4px 4px 4px 4px; 

20 

21 

> 

22 

■ b{ 

23 

font-family :Tahoma, Geneva, sans-serif; 

24 

color: red; 

25 

text-decoration : underline ; 

26 

text-align: center; > 
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: US (http://localhost/proiect/admin/menu/insert.php) Jaj'jit ^ insert.php <J£A uj^xj 


<- G D localhost/project/admin/menu/insert.php ^ A- Ufr ® Z 4 (>■ Q = 


AaJUJI oUU JL>al 



: (insert.php - insert_process) menu Jj-^ sh JUjVI j J-wj iJ jj 


: insert.php 


11 

<div claSS= ,r b ,r > ii il 9 u ~-l il L 1 J L_^J> 1 </div> 

12 

<br /xbr /> 

13 

<div> 

14 

<form action= w insert process.pbp w method =Fr post "> 

15 

ul : <bx /> 

16 

<input type="text rr name= "bead" xbr /> 

17 

J^-.l f t il : <br /> 

18 

Ctextarea name="det rT rows=*7 w cols="4G FT X/textarea> 

19 

<bx /> 

20 

<input tYpe= w submit" value="i _ i _ ?"> 

21 

</form> 

22 

</div> 

23 

</body> 

24 

</btnLl> 


; JjjSj V* « * admin 1 Jjiil JjJ*j Jxj ‘UAuall JSu 


<- -> G D localhost/project/admin/menu/insert.php 


&| -fr* * »S z 

A^jUJI oLiL> JL>^I 


:oi£*aJl 
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•fijjj-nii La£ project (j^ua Ajuuajj CjULnil dJ&t&j COnfig.php J-A3U ^jlj 


1 

<?php 

3 

Scon = mysql connect ("locaIh,03t" r "root","") 

4 

or die ("cannot connected"); 

6 

raysql select db ("project", Scon) ; 

7 


8 

?> 


<ai^aJ jjSil Qj?V u *ij CjULnij CjlajLua jjalaL JjjLuJI Jj£ij <jj£ CjI^L^I COnfig2.php uftla J^ju lia£ Uajl j 


^ U£ config2.php 


1 

2 


<?php 

Scon= my3qli_CQimect ("locallioat", "root", "" r 


3 


?> 


"project") ; 




config2.php <-ilAJW j' ^Vu « n <A$ config.php <-ilA3l ^Vu * n uiiaJlj JjJxSJI CjUi-a 


insert_process.php 


5 

6 
7 
S 
3 

10 

11 

12 

13 

14 

15 

16 
17 
IS 
13 
20 
21 
22 

23 

24 

25 

26 
27 


<titleX3l_jil_i_i_JI Jl_*al i_ULi£</title> 

<link: hief= ,r . ./css/admin.css" rel =FT stylesheet" type= ,r text/css rr 
</head> 

<body> 

<div cIass= rr adio.n rr > 

<?php 

include (" ../../config2.php") ; 

£head= S_FOST [ 'head' ] ; 

Sdet=i_FDST [ 'det 1 ] ; 

$s ql=" INSERT INTO menu (head, det) VALDES(■$head','$det') 

if ( ! mysqliquery (Scon, Ssql} ) 

{ 

die ('Error: " . mysqlierror [Scon) > ; 

> 

echo 11 L^j _ j LJLldVI ruj"; 

echo "<a href = 1 . . /index.php 1 > j i.«n l ij 1 I a a j_c</a>"; 
mysqli_clo 3 e (Scon) ; 

?> 

</div> 

</body> 


/> 


< aIaII (j$ c i\W\ Jjaj Ujj (j\ (../../) Ja^V j CjULuil JtuajVl config2.php-^ t iUj 4-a*Lua3l llkjj \ \ jla^i 

menu ^ CiLila (j-a f -ixj l^iajj * *< AouujjI] SjjaJl iajjj Y V* j]a<ui .LLluu l&lialxj ljI jiaaJl 4 j£jj 


: uL La£ j uiiaJij ci <^lj index.php f Lijb £fi\ AalaP UjaJ) 
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f * i 


1 

<?php 

2 

include (™ .. / .. / config.php" ) ; 

J 

4 

$result^mysql_query'( "SELECT * FROM menu ORDER BY id ASC") ; 

5 

?> 

6 

chtml> 

7 

<tit.le>i^_jl_LJl </titled- 

S 

clink: href= rr . ./css/admin. css" rel= fr stylesheet" type= fr text/css "> 

9 

cheadd- 

10 

Cruet a http-equiv= rr Content-Type" content="text/htnil; charset =utf- 8 w /> 

11 

c/head> 

12 

Cbodyd- 

13 

Cdiv cla 33 =" admin 2 * > 

14 

ca href= rr insert .ptip rr >j_ij_P- ij L^l c/a>cbr/>cbr/> 

15 

<?php 

16 


17 

echo "Ctable width= 1 100 %" border=Q align=centerd-"; 

18 

echo "Ctr bgcolor="#CCCCCC 1 >"; 

19 

echo w ctd>ill i_l_j l oi j-j^c/tdd 71 ; 

20 

echo T, ctd>j_L Jl £.L_Ljc/td> 1T ; 

21 

echo ™ctd> L j^j_tJC/ td> n ; 

22 

echo "c/trd-"; 

23 


24 

if £$result === FALSE) { 

25 

die (ir.ysql error ()); // TGDO: better error handling 

26 

> 

27 


28 

while {$row = mysql fetch array (^result )){ 

29 

echo "ctrd-"; 

30 

echo "ctdd-" .$raw [ 'head' ] . "c/tdd-"; 

31 

echo "ctd>" . $row[ 'det 1 ] . 1 T c/td> 1T ; 

32 

echo T 1 ctd>ca href=' edit .php?id=$row[id] ' >d_ 3 jj_:c/a> | ca href='delete .php?id=$row[id] ' XiijC/ad-c/tdd-"; 

33 

> 

34 

echo "c/table> n ; 

35 

?> 


l ljUUj -Ixj ^ La£ Aaj 1I]| yj£l^uj .(body)—^ Jj£j| *-uaj aj 


<- -> C | D localhost/project/admin/menu/ ■&] ^A-0^®Z^;iaiQ = 


ASLbl 

JjASi 


^OjUUI ul$i£ 

i3a> | ■ b_vaj 

a . .j 11 ij^> 1; ns Jj^Uj 

. . . jJ| 

| ■ bAfij 

olojJdl J$> La> Jju^Ui 

LjLoa> 

| . L-xaJ 

lPU OJ0 J^> .Jjaolftj 

O- 0 


. Aj^iua ^ La£ A-^laJ| j ljSj jj£! , 






: ajj-ua]| ^ U£ jjiij ^jluduj edit.php tft\ JSHj 
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JjVl f jail 


1 

2 

3 

4 

5 

6 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 


<?php 

include_once ( n .. /. ./config.php") ; 
if ( isset { $_POST [ 1 update 1 ]}} 

{ 

Sid = $_FOST [ 'id' 1 ; 

$head=S_POST[ ’head 1 ] ; 

Sdet=S_F05T [ 'det ’ ] ; 

//updating the table 

Sresialt=mysql_query ("UPDATE menu SET head= 1 Stead',det= 1 $det 1 WHERE 

//redirectig to the display page. In our case f it is index.php 
header ("Location: index.php"} ; 

} 

?> 

<?php 

//getting id from url 
Sid = $_GET [ 1 id 1 ] ; 

//selecting data associated with this particular id 
$result^niysql_query f 71 select * from menu where id=$id") ; 

while ($row=mysql_f etch_axray (Sresult }} 

{ 

Shead = Srow[ 'head' J ; 

Sdet = Srow[ ' det 1 ] ; 

} 

?> 

<html> 

<title>Ljl_r.L_ H _Jl aj-j < / title > 

Clink: href ="../css/adrain.css" rel= rr stylesheet" type= rr text/css rr > 

<head> 

<meta http-equiv=" Content-Type" content="text/html; charset=utf-8" /> 
</head> 


id=$id") ; 




36 

37 

38 

39 

40 

41 

42 

43 

44 

45 

46 

47 

48 

49 

50 

51 

52 

53 

54 

55 

56 

57 

58 

59 

60 
61 


<body> 

<div class="admin2"> 

<a href="index.php">i^-_i_j > Ji </a> 

<br/xbr/> 

<form name="f orml" method="post" action=""> 

<table border="0"> 

<tr> 

<td>i^_Sl_LJl p-*i </td> 

<td> 

<input type="text" name="head" value='<?php echo Shead;?>'> 

</tr> 

<tr> 

<td>j_t^»i ii » </td> 

<tdxtextarea name="det" cols="40" rows= n 7"x?php echo Sdet; ?X/textarea> </td> 
</tr> 

<tr> 


<tdxinput type="hidden" name="id" value='<?php echo S_GET [ 'id' ] ; ?>' > </td> 

<tdXinput type= "submit" name="update" value="uLjjjtr"x/td> 

</tr> 

</table> 

</form> 

</div> 

</body> 

</htial> 


.LLujj- 4 UfcLLxkj La uuaj AAjjiolj SjjiLa j V 
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delete.php ^ili 


1 

<?php 

2 

//including the database connection file 

3 

include ( ".. /../config.php" ) ; 

5 

//getting id of the data from url 

6 

$id = £_GET [ 'id■ ] ; 

8 

//deleting the row from table 

9 

10 

Sresult^niysql query ("DELETE FROM menu where id=$id">; 

11 

//redirecting to the display page (index.php) 

12 

header ("Location:index.php") ; 

13 

?> 


jbiVlj ‘Lul&il CiK^n l$iaj jSjaII jjx«j -tSVi't Xskji (jjVu a jUi j admin «ti JSIj index.php 


• ^jJUJLS Jj£JI QjSllluj Jol2 £y» tjjSZuj uiiaJI j JjJjuU lA jjfr j 


Name 

Date modified 

Type 

£ 

admin 

r-w-s/rv *1:11 

File folder 

it 

css 

y*w ♦£/TV *&.X+ 

Filefolder 

£ 

menu 

M£/OTr *o:Ti 

File folder 

£ 

news 

T +W+UX*\.p*'\:t\ 

Filefolder 

£ 

serv 

-1:11 

Filefolder 

I 1 * 

index 

T*W*£/T=lp *T:Y=l 

PHP Script 


: 


3 

4 

5 
€ 
1 
8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 
19 


<head> 

■Cineta http-eqnix—" Con tent-Type " content= rr text/htiffll; charset=utf-8 w 

■Clink href="css/adniin. css rr rel= w stylesheet" type= rr text/css n /> 
</head> 

<body> 

cdiv clas3= rr admin rr > 

<div class= rr t rr >u_?-j_JjjLULJ! ^ijj IE p^j-Ji .1LJ L_ !r j-jj</div> 


/> 


<br /> <br /> 

<a href =rT menu/index . php ">^1 c i i i i i </a> || <a href= rr # rr >j !_i _ ^Vl</a> 

<br /> 

<a firef= rr # ,T > uUj _ </a> || <a href= rr # rr > ? I j jlj </a> 


cbr /xbr /> 

</div> 

</body> 


^ La£ ^■■ J dULuuj jAj jAj menu index.plip <■ Ulajj 


D localhosty'project/admin/# 


☆! 

L-^glq^rll ^|g ; || jaljs-LJI 4_~>gl dJ L. - * >jo 


■I. Vd || AjijUJI 

fJ u&JI sI:-AjQ I I J • 1 1 n ^ S 1 1 
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news 4-ajvUl J-asu ^ jAJ 


menu c^\11a Jap 4Ljla qA L insert_process.php ^IaxSL ^ 4 % watt j insert.php J^VI 4_ai^ ^ 


: insert.php 


3 

<head> 

4 

<raeta http-equiv=" Content-Type" content="text/html; charset=utf-8" /> 

5 

<title>j L-ijTf l lIj l _j l— l_i juj] l-^</title> 

6 

Clink href=" ../css/admin.css" rel="stylesheet" type="text/css" /> 

7 

</head> 

S 

<body> 

9 

cdiv class="adic.in"> 

10 


11 

<div class="b"> jLkjll Ci l _j i ■. J l_^. I </div> 

12 

<br /xbr /> 

13 

<div> 

14 

<form action= "insert process.php" method="post"> 

15 

ijl : <br /> 

16 

<input type="text " name= "head "xbr /> 

17 

g_jj ljlji : <br /> 

18 

<input type="text" name="date" value="<?php echo date ("l-Y/m/d") ; ?>"xbr /> 

19 


20 

J^l i\ il : <br /> 

21 

ctextarea name="det" rows="7" cols="4G"x/textarea> 

22 

<br /> 

23 

<input type= "submit" value="i _ i _ ?"> 

24 

</f oi:iil> 

25 

</div> 

26 

</body> 

27 

</html> 


• aL a£ Djj^all yj£lujj ^ySajLajjj JLuoj Sjj^Ja ^Iluij php jujUll lHuai AJLLuJl JjAaJj 


^ ^ G I D localhost/project/admin/news/insertphp 
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Y * A 


: insert_process.php 


5 

<title>»3i_3i 1 K ii jLjj, I 4 1 l u</title> 

6 

•clink href= rr ../css/admin. css n rel^stylesheet" type= rr text/css rr /> 

7 

</head> 

8 

<body> 

9 

<div cl as s= "admins 

10 

<?php 

11 

include ( n .. / ../config2.php w ) ; 

12 


13 

$head= S_F05T [ 1 head 1 1 ; 

14 

$date= $_F05T[ ’date' ] ; 

IS 

*det=$ POST [ 1 det 1 ] ; 

16 


17 

Ssql= n INSERT INTO news (head r date f det) VALUES( 1 $head ' r ’ date 1 r 1 $det 1 ) w ; 

18 


19 

if (Imysqli query {$con,$sql) > 

20 

{ 

21 

die ('Error: ' . mysqli error ($con) > ; 

22 

} 

23 

echo Lau_ j i 

24 

echo w <a href ='../index, php 1 E ^j_p</ a> n ; 

25 

rmysqli close (Scon) ; 

26 

?> 

27 

</div> 

28 

</body> 

29 

</html> 


: aUS jjSil (j^Siuij news index.php <jA uiitUI uLa <J^*j 


1 

2 

3 

4 

5 


<?php 

include ( w ../.. /coni ig.php w ) ; 

$ re sult=mLysql_qiiiery ("SELECT * 
?> 


FROM news ORDER BY id ASC" 1 ; 


6 

<html> 

7 

<title>j l_ijV l </title> 

8 

clink hxef= rr ../css/admin. C33" rel= n stylesheet ,r type= Fr text/css rr > 

9 

Chead> 

10 

<meta http-equiv= Fr Content -Type" content= Fr text/html; charset=utf-3 rT /> 

11 

</head> 

12 

cbody> 

13 

<div c 1 ass= ri admin2 rr > 

14 

<a href =rr insert .php rr >j_jju^ iiLil</aXbi/xbr/> 

15 

c?php 

16 


17 

echo T, <table width='100%' border=0 align=center> w ; 

18 

echo w Ctr bgcolor=’#CCCCCC' > w ; 

19 

echo TT <td> 4 }i jjulJI c/td> n ; 

20 

echo TT <td>g_j J i_lJ i c/td> n ; 

21 

e cho "c td>juj^£. i 9 ■< /td> w ; 

22 

e cho TT < td> jju< / td> TT ; 

23 

A. 

echo w c/tr> w ; 

25 

if ( Sresult — FALSE) { 

26 

die (mysql error ()); // TODO: better error handling 

27 

28 

> 

29 

while ($row = mysql fetch array (f result }){ 

30 

echo w ctr> w ; 

31 

echo w Ctd> w . $row [ 1 head' 1 . ™C/td> w ; 

32 

echo "<td>" . $row [ 'date’ 1 . "</td> w ; 

33 

echo w ctd> n . $row[ ' det ’ ] . w c/td> w ; 

34 

echo "<tdXa href=' edit .php?id=$row[idl ' ><_L_jj_jLjC/a> \ Ca href=' delete .php?id=$row[idJ ’ >j±jC/a>c/td>- w ; 

35 

> 

36 

echo w c/table> w ; 

37 

?> 

38 

c/div> 
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jLui J JjJjuj CjUUJI S^-l 1 ^ujIj SAapSH fL^uij hj**n Jj^au meilll-^W ^ 

. 6jjao 1\ Lf k La£ A^Luail 



: tjk U£ jjill edit.php 4_ai^ J^*J ^ j£j 


: JjV! f>11 


1 

<?php 

2 

include once ( 71 . ./. . /oonfig.php"} ; 

3 

if(isset [$ POST [ 'update ']) ) 

4 

5 

{ 

6 

$id = S_F05T[ 'id' J ; 

7 

Shead=$_POST[ 'head' ] ; 

8 

$date=S POST [ p date" ] ; 

9 

10 

$det = i_F05T [ 1 det' 3 ; 

11 

//updating the table 

12 

13 

$result^mysql query (*UFDATE news SET head= 1 $head' r date= ' $date ' f det = 1 $det' WHERE id=$id TT ) ; 

14 

//redirectig to the display page. In our case r it is index.php 

15 

header ("Location: index.php") ; 

16 

> 

17 

?> 

18 

<?php 

19 

//getting id from url 

20 

21 

Sid = S_GET [ 1 id 1 j ; 

22 

//selecting data associated with thi3 particular id 

23 

24 

$ re sul t=my s ql query { "select * from news where id=$id n ); 

25 

whi 1 e {$ row=mysql fetch array ( $ result }) 

26 

{ 

27 

Shead = ?row[ 'head' ] ; 

28 

Sdate = $raw[ 'date 1 ] ; 

29 

$det = $row['det 1 ] ; 

30 

> 

31 

?> 

32 

<html> 

33 

<titleXjl_jil_!_j_Ji J_jiji_ 3 </title> 

34 

<link: href =rT . . /css/admin. css rr rel =IT stylesheet n type= rr text/c3s pr > 

35 

<head> 
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*3311 f >11 


Y > * 


Jl </a> 


</head> 

<body> 

<div cla3 3="admin2 rr > 

<a href= rr index.php rr >4_i_. 

<br/xbi/> 

<form name= rr f orml" method="post " action=""> 

<table border="Q"> 

<tr> 

<t.d>tji jJuUK/td> 

<td> 

<input type="text" name= "head" value= 1 <?php echo £head; ?>■ > </td> 

</ tr> 


<tr> 

<td>g_ij ljlji </td> 

<td> 

<input type="text rr name="date" value= '<?php echo $date;?>‘> </td> 

</tr> 

<tr> 

<td>j_u^i_fljLJi </td> 

| <tdxtextarea name="det rr cols= rr 40" row3="7"x?php echo $ det ; ?x/textarea> </td> 
</tr> 

I <tr> 


CtdX input type=*hidden" name= "id" value='<?php echo $_GET [ 1 id 1 ] ; ?> 1 > </td> 

<tdxinput type= "submit ,r name= "update" value="ujL_ij-=tj"x/td> 

</ tr> 

</table> 

</f orin> 

</div> 

</body> 

</html> 


La£ (Jjjxiiij (jjiiuuj 
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jjiil hu menu jjiil £j1uaj news delete.php 3 %wa Jaxj jVI ^ j£j 


Y > > 


1 

<?php 

2 

//including the database connection file 

3 

4 

include ( 71 . ./. ./config.php" ) ; 

5 

//getting id of the data from url 

6 

$id = $ GET [ 1 id 1 ] ; 

8 

//deleting the row from table 

9 

10 

$result=raysql query ( "DELETE FROM news where id=$id") ; 

11 

//redirecting to the display page (index.php) 

12 

header ("Location:index.php") ; 

13 

14 

?> 


^ U£ Jajljll Jjiil admin -*4^ index.php news **4^ index.php Ljjj £¥1 f j£j 




8 

9 

10 

11 

12 

13 

14 

15 

16 

17 

18 
19 


<body> 

<div cla33 =rr admin"> 

<div Cla33= rr t rr >l_tj“j_Jj_LULJ! ^Ijj || Lr- j_J ^-5 dLJ !_ !r j-jjJ</diV> 

cbr /> cbr /> 

<a hr ef= "menu/index .php">.j * ‘I i U </a> || <a href= "news/index. php">j L 
cbr /> 

<a href="#"> uUj_juJ l </a> || <a href="#"> > 5 j * u Hjjj </a> 

<bx /xbr /> 

</div> 

</body> 


jTN </a> 


. ^ f jlxuj ^ jUIV! AjvjLua Ljj L*& 


ujV u *'J insert.php 4%^ J^ju ;4jLLuJI Jac- aajjL serv -^> 4 cjL»iaJb ^aLiJjj serv JjAai] JaHj 

:Sjj-uali La£ 1$j (j^alaJ! 4 \j$l\ 

Insert.php 


4 

5 

6 

3 

9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 
27 


<meta http-equiv=" Content-Type" content= w text/htral; charset—atf - 3 " /> 

<ti 1 1 e > lZj Lj I ~ii -. 1 li JLj.il 4 j-_4u.-. c/title> 

Clink hxef=" . ./css/admin. css" rel="stylesheet" type= rr text/css" /> 

c/head> 

cbody> 

Cdiv c1as s= "aidmin" > 

Cdiv Cla33="t"> U 1_Jjj_j I Lj I :j i_j.i [ </div> 

cbr /xbr /> 
cdiv> 

Cform enctype="multipart/ form-data" action="insert_proces3 .php" method="FOST"> 
tj\ jJUlJI : cbr /> 

Cinput type="text" name= "head" Xbr /> 

5 j j ii- ' i : cbr /> 

cinput type="file" name="iir.g"xbr /> 


J-l^I i~i i l : Cbr /> 
Ctextarea name="det" 
cbr /> 

C input t yp e= " submi t" 
</form> 

</div> 

c/body> 

c/html> 


rows="7" cols="4G"x/textarea> 
va lu e= Tt l, _a ? " > 
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Q localhost/project/admin/serv/insert php 




'Jbjjdl -Lb JL*al 


lOljisJI 


No file chosen ( Choose File 

: l U3UjJI 



: insert_process.php 


8 

<body> 

9 

<div clas3= rr admin rr > 

10 

<?php 

11 

include ( w .. / ../config2.php n ) ; 

12 

^target = /imgs/ w ; 

13 

Star get = Star get . basename ( S FILES [' img '][' name '])< ; 

14 


15 

S he a d= £_FOST [ 1 he ad 1 ] ; 

16 

Simg={$ FILES [ ’img’ ] [ 1 name■ ]) ; 

17 

Sdet=S_FOST[ 1 det’ ; ; 

18 


19 


20 

Ss ql= w INSERT INTO serv (head r img r det) VALUES('Shead' r '$img 1 r '$det■)" ; 

21 


22 

if (m.ove uploaded file (S FILES [ 1 img " ] [ 1 tmp name ' ] t $target) ) 

23 

{ echo ww ; > 

24 


25 

else 

2 6 

{ 

27 

echo n * i ^ m-. * ^jljljs . . lUJLlJI £_bj p— n ; 

28 

> 

29 


30 

if ( ? mysqli query (Scon r Ssql) )• 

31 

{ 

32 

die ( ' LJLa.'i I : ' . mysqli error (Scon) ) ; 

33 

> 

34 

echo w p- L_sL^l 

35 

echo w <br> w ; 

36 

echo 71 <a href = 1 . . / index. php ' > ^ l^ l y 1 1 5 oj_t</a> n ; 

37 

mysqli close (icon) ; 

38 

?> 

39 

</div> 

40 

</body> 


Aitualj S6FV qs^ AHjIaI} CjULnij ^ (jiajaJj 4 ^ J-asu <jV1 ^jAj . JjS ULLui dll&lxj Lu£ V 


iuijj 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 
























nr 


: index.php 



: index.php jjS 


7 

8 
9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 

23 

24 

25 

26 

27 

28 


<title>tjLjj_aJi </title> 

clink href= rr . ./css/admin. css" rel= rr 3tyle3heet rr type="text/css"> 

<head> 

<meta http-equiv=" Content-Type fr c ont ent= Fr t e xt /html; charset=utf-8" /> 
</head> 

<body> 

<div clas3= rr aditin2 rr > 

<a href= "insert .php rr > LaLc|</axbr/xbr/> 

<?php 

echo "ctable width =l 100% 1 border=0 alignn=center> w ; 

echo n <tr bgcolor= 1 #CCCCCC'> w ; 

echo w <td>(ji j-Jj-Sl</td> w ; 

echo "<td> a j </td>™ ; 

echo w <td>d_L^l_i_:</td> w ; 

e cho w < td>j_3 jjl:< /td> w ; 

echo w </tr>"; 

if (^result === FALSE) { 

die £mysql_error (}) ; // TODO: better error handling 

} 


29 

30 

31 

32 

33 

34 

35 

36 

37 

38 

39 

40 


while ($iow = mysql fetch array (Sresuit} M 
echo 1, <tr> n ; 

echo w <td> w .$row [ 'head 1 ] . w c/td> w ; 

echo w ctd> w . "cimg src=. . / . ./imgs/ w . Srow[ 1 img" ] . ' height =1T 70 w width w 30">' . w </td> w ; 
echo "<td>™ . $row [ "det■ ] . w </td> n ; 

echo w ctdxa href=" edit .php?id=$row[id] 1 > 1 p_. J _tr</a> | <a href='delete .php?id=$row[id] 1 > L ii J </ax/td> TT ; 

} 

echo T, </table> n ; 

?> 

</div> 

</body> 

</htnLl> 


(-lua \ r jttyu (jl La£ admin a serv ^ index.php A^kj^l] MiUaL 


<br /> <br /> 

< a hr e f = "menu/ i nde x. php rT > 
<bx /> 

<a href="serv/index.php"> 


l_LiK/a> || <a hre f= "news/index. php">j.L_ 


</a> 


iJl </a> || <a href— "#"> f I jjj </a> 


<br /xbr /> 
</div> 
</body> 
</html> 
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t \ i 


: edit.php UiaJlj JSSli 

: JjVI p JaJl 


1 

<?php 

2 

include once . . / . . / conf ig .php 7,1 ) ; 

3 

if(isset {$ POST [■ update 1 ])) 

4 

5 

{ 

6 

Sid = S POST [ ’id' 3 ; 

7 

$head=$_POST [ 1 head 1 ] ; 

S 

$ img=S POST I 1 img " J ; 

9 

$det=$_POST [ 'def ] ; 

10 

11 

//updating the table 

12 

$ re sul t=my s ql query (^UPDATE serv SET head= 1 She ad ' F img=’$img’ F det= 1 Sdet 1 WHERE id=$id w J ; 

13 

14 

//redirectig to the display page. In our case,, it is index.php 

15 

header ("Location: index.php 11 ) ; 

16 

> 

17 

?> 

IS 

<?php 

19 

//getting id from url 

20 

$id = S GET [ ' id 1 ] ; 

21 

22 

//selecting data associated with this particular id 

23 

Sresult^mysql query {"select * from serv where id=$id w ) ; 

24 

25 

whi 1 e ( S r ow=amys ql f e t ch array { $ r e sul t } ) 

26 

{ 

27 

Shead = $row[ 'head 1 J ; 

2E 

Siir.g = Srow[ ’ img " J ; 

29 

Sdet = Srow[ 1 det 1 ] ; 

30 

> 

31 

?> 

32 

<htiui> 

33 

<ti11 e >ui i_n l_ m _' i J_aj_*_j</title> 

34 

< 1 ink href ="../css/adriein. css" rel= rr stylesheet" type="text/c33 ,r > 

35 

<head> 


: f jaJI 


36 

<meta http-equiv=" Content-Type" content="text/html; charset=utf-3" /> 

37 

</head> 

38 

<body> 

39 

<div cla33 = ,r adit.in2 "> 

40 

<a href= "index. php rr >i_u u i_ ! _jj_Jl </a> 

41 

<br/xbr/> 

42 

<form name="forml" method="post " action=""> 

43 

<table border="0"> 

44 

<tr> 

45 

<td>*ji i </td> 

46 

<td> 

47 

<input type="text" name="head" value='<?php echo Shead;?>‘> </td> 

48 

49 

</tr> 

50 

<tr> 

51 

<td> n j 1 j 1 j_l_jjl</td> 

52 

<td> 

53 

<input type= w text w name="date rr value='<?php echo Siir.g; ?>'> </td> 

54 

55 

</tr> 

56 

<tr> 

57 

58 

<td > i _ti_5 1 </td> 

59 

<tdxtextarea name="det rr cols="40 ^, rows="7"X?php echo Sdet; ?X/textarea> </td> 

60 

</tr> 

61 

<tr> 

62 

<tdxinput type= "hidden rr name="id rr value='<?php echo $ GET [ 1 id' ] ; ?>' > </td> 

63 

<tdx input type= "submit" name= "update rr value='"i_ix^j' f X/td> 

64 

</tr> 

65 

</table> 

66 

</form> 

67 

</div> 

68 

</body> 

69 

</htro.l> 
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Y ^ o 


: ^ U£ 


D localhostyproject/admin/serv/edit.php?id=7 & A* Ufr ® Z 



: delete.php 


1 

<?php 

2 

//including the database connection file 

3 

4 

include ( n .. / .. / config.php n ) ; 

tx 

5 

//getting id of the data from url 

6 

T 

Sid = S_GET[ 'id' ] ; 

j 

8 

//deleting the row from table 

9 

10 

Sresult=raysql query (" DELETE FROM serv where id=$id n ); 

11 

//redirecting to the display page (index.php) 

12 

header ( "Location:index.php n ) ; 

13 

?> 


AiUaVlj cookies -^1 cjjjiaik SjJaaJI j ^laJl jjjaII ljLa!£j fIji* fL^j ^jyu+i admin J&Hj 

AJa-ujj jj bjLaLA LjULnij dJ&l£ ^ jjj-aJI Aa 1£ Luajj tCjUUJl 3J&li ^ Aa1£ £a A Vvuti jjj-aJI Aa1£ AjjUIaj uBj£ U& S-L-LaJl 

.fiji-utA^I *L&l£ ABjjla j AjI a^JI l-jLj qa jjja Aa 1 £ <j j jaLuqj ^ jj&j l_u^ (MD5) J^u^l AoAjjijA 


:3jj^all La£ admin CjIAIa (jjSZ **> AjIai 


1 library ▼ Share with ▼ 

Burn 

New folder 



Name 


Date modified 

Type 

Size 

, admin 


T*W*o/T* P *ftTT 

File folder 


£ css 


Y*W*V*Yp *1:Y1 

File folder 


menu 


Y*W*V*Yp *1:Y1 

File folder 


1 news 


Y*W*"l/*Yp *1:Y1 

File folder 


1 serv 


Y*W*V*Y P *1:Y1 

File folder 


index 


Y*W*o/*Ip 

PHP Script 

1 KB 

login 


Y*W*V*Y P * "i:TY 

PHP Script 

2 KB 

logout 


Y*W*V*Y P *1:Y1 

PHP Script 

1 KB 
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YU 


J£ ftg-aj (index.php - login.php - logout.php) UxJaj admin -* 4 ^ ^ ^ 


U£ 


^jj£ I 4 J 4_ai^a: index.php 


.CjULnij ritual Ljl^Ludj <Jjl£Ld Jajjjjl] 4ituaVb CjULnij DiC-li 


jjj-aJl 4 _&l£ jjj^I <LaI£ AJjULa ^jj 4aL^ • login.php ^ 


j£jSA\ fIxSlj 4_a^a ; logout.php 4-ai^a 


index.php 


4 

5 

6 

7 

8 
9 

10 

11 

12 

13 

14 

15 

16 
17 


<htro.l xmlns= "tit tp : / /ww .w3.org/1999 /xhtml" > 

■<head> 

<meta littp— equiv="Content-Type" cantent="text/htral; diarset=utf-8" 
■<titIe>£_ij_^JL_. piju_j l i^j_J</title> 

<linfc href ="css/admin.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 

<div style= rr direction: rtl; rr > 

<center> 

<hl > j j_s i < /hi > 

cform inethod="po3t " action= "login.php"> 

p ■ I -3- 1 ... X ' | p ■!■•■ I 

<input type="text " nam.e= "us ex-name" /> 

<br /> 


/> 


18 

19 

20 
21 
22 

23 

24 

25 

26 
27 


J j _T_ 4 _J I 

<input type= "password" name= "password" 
<br /> 

</p> 

<input type=" submit" value=" H j J j _ /> 

</form> 

</center> 

</div> 

</body> 

</html> 


/> 


^ G f D localhost/project/admin/ 


^ La£ 4% will j£-ui (jj£xyjj 

jftl* * » ■ z „ » r 0 5 




1 I 
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login.php 


1 

2 

3 

4 

5 
■6 
7 

s 

9 

10 

11 

12 

13 

14 

15 

16 
17 
IS 

19 

20 
21 
22 

23 

24 

25 

26 
27 
23 

29 

30 

31 

32 

33 

34 

35 


<?php 

£c.o n=my sqli_c.onnect ("Tocalhost " T "root 11 F "" f "project") ; 

^result = mysqli_query{$ can, "SELECT * FROM admin"); 

£row = my s qli_f e t ch_a r r a y ( £ r e s ult ) ; 

//COMPARE THE DATA THAT ENTERED FROM THE USER_ 

if ($_POST ["username" ]=$ row [ 'name 1 ] && md5 ($_POST ["password"] ) = $row[ 'password' ] ) 

{ 

//SET THE COOKIE TO THE USER NAMED ENTERED... 
setcookie ("UserLoged" , "YES", time () +3600) ; 

} 

else 

{ 

header ("Location: index.php") ; 

> 

mysqli_c. 1 o s e (Icon) ; 

?> 

<html xmlns= rr ht tp : / /ww .w3.org/1999 /xhtml rr > 

<head> 

Cmeta http-equiv^ Content-Type■ c ontent= rr text/html; charset=utf-8" /> 

<link href = rr css/admin. cs3 rr rel="stylesheet" type= rr text/css rr /> 

<title>4jst_Lfl_LJ jjjj_iK/title> 

</head> 

<body> 

<div cla3s= rr admdn rT > 

<div cla3 3= rr t rr >l_u^-j_:jjLiJLJi ^-ijj I I pi=tjLJ! ^_s £LJ Ujjj</div> 

<br /> <br /> 

<a hr ef= rr menu/ index.php rr > L_L_ jI </a> |[ <a href = "news/index. php">j I_l _ </a> 

<br /> 

<a href="serv/index.php"> oLjj_^ji </a> || <a href= rr # rr > f l jij </a> 

<br /><br /> 

<a hre f=" logout .php Fr > </a> 

</div> 

</div> 

</body> 


Jibj (if) iajJu J-43U v jixui (admin) cjUUj j cjULnij S-ic-ii JL^jI aa a c. o v jixui 

^k UaSj ( ['’username”] ) ^ ^ $_POST AJ^ 6* ^Vu^ l tlaS 

. (AND) (&&) j (j) Aia^jjj JajJi UiJal ^ ($row['name']) cAl^SS Sx-lS 

. l^Luab A^xlS j Jjj^ubil Ajbtj ^ (MD5) AJiuiljj jlub jLuu Ajj^a Jjj^ubil CjbbJl 

^ La£ djLuu-^l A aKj ^Vuaa^I A-aIS jjLuwj Jaj^udl JjVI iaj*uJl -1 *-j 

A^I£ jjL&j fjis ( md5( ["password”]) (md5( ["password"]) == ['password']) 

.( ['password']) CjULJI S-lC-ti ^ jjj-aJI A-aI£ (==) ^ jbb £il\£ jjj ijtLa £>4 A VvUti 

^blil jA j ^ * jJaui ^ CjULnij SiPli ^ ^J^J-4 ^.^Vu44ti ^uilj jjj-ftii A^*I& CjjISj JIaJVI Ajbc- c1ijI£ Ajl^ ^ 

jloutli JjAiil j-a AJIa (jk CjbvAua Jsuljj ^ Uu*i4 UHaIxj ^iLj jj£ j£ 

.(index.php) A^i^a ^ ^jll a^^jj ^iu^j ^ t 
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tu 


logOUt.php 4-ai^a 


1 

<?php 

2 

3etcoolcle ( 'UserLcged' f 'NO ' r tlir.e () - 3600); 

3 

header ("Location: index.php w ) ; 

4 

?> 

5 

<htrn.1 xmlns= "ht tp : / / www .w3.org/199 9 /xhtir.l rr > 

6 

<head> 

7 

<meta http-equiv= rr Content-Type" content= rr text/html; chars e t=ut f- 8 " /> 

S 

<link href = rr c3s/adiir.in. css Fr rel =IT stylesheet fr type =FT text/css" /> 

9 

<titie>£ j l 3-u in *i p_j</title> 

10 

</head> 

11 

<body> 

12 

</body> 

13 

</htiul> 


.Uu*i4 Ulialflu juSj£Jl f 1*11 Y jixuu ^ Ja*!>U La£j l^LjIa Jj'wn (logOUt.php) ^ d^l d jj-uall La£ 


jjj-aJl A-al£ joLijjj ^J*2utA Aibial 

:Sj^a]| ^ U£ admin ^ project <J^ ^ bAjbJ! <J*.ij phpmyadmin <> 


<- 


C D localhostyphpmyadmin/index.php?token=f23470c5c6b09b6a9ca9e267ac2c307f#PMAURL-4:sql.php?db=project&table=admin&: , £i , -^r A* 


phpMyAdmin 

& aj * © (l ^ 

J [35 localhos 

:t » 0 project » P admin 







1 (H Browse 

34! Structure 

fl SQL 

\ Search 

Insert 

[^i Export 

Import 

Operations 

2fe Triggers 


(Recent tables)... 


<J MySQL returned an empty result set (i.e zero rows). (Query took 0.0003 sec) 


filter databases by name X 

« < | 2 ▼ 

+ - joomla 

+n. j io 

+ - login2 
+ - j lol 


SELECT * 
FROM admin' 
LIMIT 0 , 30 


Profiling [ Inline ] [ Edit ] [ Exp 


:S ^ La£ JIaJVI (JIaJ)) A*lib jl (insert) ^^ -k*-^b S 


phpMyAdmin 

& §J i # 0 9 

| (Recent tables)... ▼ 

filter databases by name X 

« < | 2 ▼ 

+ - joomla 
+ - j lo 
+ - j login2 
+ - lol 



jblkb LLa 2 (^ Y t") jjj-aII A»ai£ Aibial (admin) La£ jSjaSI jj ^ui) AiLiab lia 2 £ja 

^xuij jLul (jjSjuji j JjiHij (Go) ja*uaj ^blli Jju t CjbbJl dAC-IS SjA-ula <bai£ (^ Y f) jjj-JI A-aIS j (MD5) ^ 

^ La£ A-aI£j 
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Y 1 A 


+ Options 


*—'“|" —► ” id 

name 

password 

□ Edit Copy @ Delete 1 

admin 

202cb962ac59075b964b07152d234b70 


t_ □ Check All With selected: $ Change @ Delete Q Export 


Show : Start row: 


0 Number of rows: 


30 


Headers every 


100 


rows 


.(password) ^ ail ^ U£ dj^Iaj p aj^aJl ^ Jaa^U U£ 

Alpj AuLld jjj- 4 Audi Jl^jb llildJl ia^^Uui AujaUl du jjja Audi j AdJald jjja A aKj Jjd«dl Aujalj <jVI ^jAj 

• LaI JIaJ^I Cjlai^a iajjjj jl^ial 4u*aa*L£ jjja Au*Ul JlaJl 


* ■# 


Q I oca I ho st/p roject/ad m i n/lo g i n. p h p 


L--^ ■al'id 1 1 iJjj || jq^jJI dJ L_^ vjo 


■I- v\ll || 4aJLUI 
FJuqJI eIiajq 11 l_iLqjl3JI 


?-q i3dl , U^lajju 


did: ij (admin) ^Wall <jAua dJjaj-dl dhK<dl ^ dtxLudl ^-lA^ ^jj^b (jVI ^b (d^£d A_iuajj3l ^IVill AajII ^jj-ab J^ju lia3 Uft 

.( jbdVI — CjLd^Ui — A^Ill]|) CjIiWaII Jli uiiaJlj Jjisuilj ^IjaVlj JIajVI dlaAua 

• LaI dh^Luail ^u&ad JjIjUI Jjl Aitdal 


1 

2 

3 


<?php 

if ($_COOKIE[ 'UserLoged' ] ? = 'YES 1 )■ { 

header ("location:../index. php") ; 


4 


jjI jUl AuuS dull AJU. ( ^Ixj ^i]|j jajdu /_p> SjbP jftj ^SjSH jia-uuVI dlbj JI^jVI ljL^Lus .iaV JjI jUl Jjl Aildab IIa£ a^l laa^U LaI 

6* .admin (index.php) A^iua ^11 S^U* AajUI ^Ij (YES) V (UserLoged) atiu^il ^il! 

.Adat! jjj-dl A»a 1I JldJl A£ ^.dLluudl ^jll ill VI l^I Jj^^ll Vj Aj4^4 <jj!j db*jLua]| juuu^J JjUl lift Aiblal 

Di^li J)A LjUbdl Jljulujb ^ftj AuiUil ojJaaJb ^jliuu Iftixuj dbbJb JjlAaJl ^La ^)VI S.jln^Jlj jS, ijaU A.j^mjJj AaL^II ju^aal ^jVI JSHj 
La£ jft dbai^Jl dlft (j* aj*u ^jAauj ^i]| f JaJlj (scry) dbaiaJb q^LUI JjlaJl ^Iaj <jVI .^^jaIIjJ JLuoj Au^ujjII Auaduall ^Jl dbbbl 

. Sjj^l 
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CjISaJ; i_uSj3j AjLlus 


i 


AjjJjjS-J £2tjj» Ail.^li. .ijj Ajo<m 


AjLws L>gJg*SiJI .ilgj oLoJl> ^ 
ijjjxi? ujo LpjLp-^-jj ifeliajou jSljjoJIg 

L^gJg.^.ll ^Igj oLda> 


/XuJxjx> fiujjS La?gJgAJI algj /x^Laj 

ujlilSsI_pJI p^ou^ai p ».i9 (jojifLSljjtJI 

f\.r\j-i\ fXjjjS i^voSiSlp»JI /Xjulh9 

ppx^Li p >.»9 L ) J al9l_pdl 

pj rt ygl p ..iQ ^ ,..<<> 1 _pdl p , /> -A' p ..iQ 

^>AxSLsljj5tJI 


•LJgpSUI £9lgo ^SUaijuilg ppx^ii 
p^a^u iSgixo 6jbl AjdJojI i^Spg 
AjoJqjI 1 ..<jig <^jgjlU| £9lgfi qjL^L^joulg 

&9l$jo ASLaPmlg ppx^u iSglau> 6jbl 


MiUaVb Jjj-utaJl \ Ihjh Vij jS jaII UjUj uua Lid f 4 -luujj]| <jj£j <jl .bV UA j S6FY (j- 4 bjULnil JjjIuoj d^£-l f J^3l J»% u+i 

j^Jalui CjULniL S6FY ixjj .LjULnij Sj&li J-a Jajj3l 4aJa|j^| LgJV CjULnijj fUJl 

:Sjj-ua]| CjUbJj 


<- 


G | D localhost/project/admin/serv/ 


* *' * i* m z <* a = 


jujj> ASLol 


Jj-iaj 

. b-XJLi 

i£=*> I 


. Li-lgJ 
| 


. L-Xgj 
i9-X> | 


J^Uj 


^iLuuLjLugjo gl Ajgbu CxjlS slg^ Ip-dgjL <LjOLJuaJI «UJg^iU\ll £9lgx>JI ppo^^ap Lp>gJ<p£JI algj pgiLi 
^La^lg .<*JL*Allg p^joJLsjJI p^joLaJI oa>\) LaSg <MLOiauog AJLaI oLoiajo gl 4p>gS> gl 4 ^a> 


«Jpau> ,Jj>9,0\LcVl9 4 jIcjJI JjLu>g gr^J ppoLaJ spJI 4JLocsJlg AJjljJI oIojlxJI ^ 
«AiljptJlg aJLxxadl Plux^xJI Ogi odl ‘iSlo^b olCgJo^xllg 4JjjgJI p-joLaJI *_j\9 «Ul£ 6>i>g 


Ipx-lgjL oli_uJl9 oLjujbdJ pjL^aJI oloA> piJLig «u9lp>l Jig oLlaJI ojoL oK. »»> ojx^u ^ 

.i_^>Lxjuj\llg olS>juJlg oLuLmjgjoJJ 


Ojg-aJI 



ulg^oJI 

&9l^ 

<UJ9>il 


i>^5l>? 

p^oLajg 

oKi iii 
<iLi>g 

k_igjujb> 


LjULnij Jljjluuj J- 03 U 4 -luujj]) index.php f jAj Uu*i 4 dbJ^ f CjLai^Jb Jj±aJ) Jajjj 

#Cf £jjUjji jLuu f jaJ) liA 

f (j£> Jjjj V j) CliLa±k V is&J UHajS CjLa^JI Jixj jj£jj«uuj while <jau 3 j Jai£ jj f (j-a Y t 

^ La£ ^ fl.wlj ixj Jjill Jib (jjlfuij 
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m 


<div class="grid_s" id="grid"> 

<h3>l i i jj</Ei3> 

<div class="gxid" > 

<div class="gallery"> 

<a liref = "web/images / grids-im.g4 . j pg" >< img src= "web / images / gx 1 d3-±mg4 . jp g" t.i11 e= "image-name " x / a> 
</div> 

<h3 >l2i I ^ '■ ljlj—Sj—jj i_iL?- 4—j L_Litn</ll3>- 

<div clas3="gxid_p"> 

<p> 

l_j LjzJLjLijii_ i j_£ I _j_*_ 5 1 j Li I -ni ^ j-jJ_5 l2i I ^ ^ ' I 1 11 I 4_j I *<-. j_S j it ~_5 1 a I j j lZj I _ j> Jj yjjij 

it ^IjJ CaLjJ^ |j -t 

</p> 

<a clas3="button bg2 grid_btn" href="details .html">j_l_s l T ■ .</a> 

</div> 

</div> 


<br /> 

I </div> 

<!-J-ij-jJI i 


4ajjjaa]| (jjjUaJl jl JlialmV Jkxu d«Jauj ^ CjULuil dJ&ll] Jluaal J-axj Sioluij # 4olc- J^axluj f JaJj V ) jla-uu 

V ® jla-uj Luajj ‘(img)^j^ Sjj-uall Jljjluil J j£j AJlialujjj ^Lal£ ^Iluu Sjj-ual] Jajjj )i& VV'jiaui ^La3 

ij) A ^ jiaui .(det) J jS A * j V V <jjj]a-uJl t-at (head) <—d-ic-li A-aiaJl <jl jjxj JjjILluIui 

I La£ Jj£jj JLui m l-lumUa]| Jj£jj £^ia jj Jl^alunVI j JjJjuI) AjlgJ Aulc- J^xiui (jo£ 


38 

<!-^l_bJI ?j^JI —> 

39 

<h3 > 1 _i_ j Lj jj< /h3 > 

40 


41 

<?php include ( w CGnfig.php 11 ) ; 

42 

$result=mysql query ("SELECT * FROM serv ORDER BY id A3C W ) ; 

43 

?> 

44 

<table 3tyle =FT width: 400px; margin : 0 auto; rT > 

45 

<tr> 

46 

<?php while (Srow = mysql fetch array (^result) ){ ?> 

47 

<td> 

48 

<div cla33= rr grid rr > 

49 

<div cla33= rr gallery FT > 

50 

<?php echo w <img 3 r c=img3/^ . $ row [ 1 img' ] ; ?> 

51 

</div> 

52 

<h3x?php echo $row[ "head" ] ; ?x/h3> 

53 

<div cla33= rr grid p rr > 

54 

<p> 

55 

<?php echo iiow[ 1 det" ] ; ?> 

56 

</p> 

57 

<a cla33="batton tg2 grid btn rr href= rr detail3 .html ,r > j_L_J i !_ar . . < / a> 

58 

</div> 

59 

</div> 

60 


61 

</td> 

62 


63 

<?php } ?> 

64 

</trX/table> 

65 

</div> 

66 

<br /><br /> 

67 

<!-j_*_J t j~> J 4 _1 1 g -> 


& AjULj c£^) Jj-laJJ -2^ i T jlxu g^i .CjUUall di&UL -2^ t ^ jlauj gji html ^J-a A^aJ (jj*ut JjSJj -ij-Ia. V 

£>*Ja (td) A-il^ JaU f j£ J 4 ^j CjULnij qa f (J*^ Aj^ t ^ ^ . i T - ^ UHpj 

jiufl <jj£j JLuu^jj (j-aJ Au£jjLa jjj gJj£j ,j-a (margin) Aj uWH AjvLutail (JM^S gjij jj^ua-a JjUuu J-axj Had Luajj 

c Jm£j i * * g^ajxjj ^j AiUaVb 
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(jM .ii (jk Uajj Uilfelj row Jxb UjpUuiIj while 4 jU£j UaSj Jj£ 1 iVi4 £1 jJoui a J-4XJ Uj^j £ a jJiui ^ 

J^ju Ui Xi £ A j]auu cAulx J-aP Ui Xi £ V jlaui ^ <. jJxuJl 


• ^ La£ J£-ui ^jJu-uuj 



substr() ^b (jjjla sjp- tilbj lgj£ O^J Jai2 Jj^l \"\\\ QA f jx Jljjluub ^j£j 4Jb J-43U ^Ulij jAj d^i CjULnli Ailual J-aau 




substr (text,number,number2) 

±yl (j^aol! J-4au juxlaJl text J-«ufljjaJl jj bits-^ cH U^*-a 4jUt j ^ jj&j AJlill £)l ^ia jj <LaIjlI| Sjj-uallj 

j! Aajxuia]) bits-^ ja number2 <41* o^IIl ^k cijxil ^Sj ^11 j^j number.^!* j$l i* U jliL* 

;Sjj-ua]j La£ d0t Jj^l k~\\L ^LkJt jla-uJI ^ Jj£ii <—u£jjj ^jiiuuj 
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39 

<h3 > L_l_s L j jlX /h3 > 


40 

41 

<?php Include ("config.php w ) ; 


42 

$result^mysql query ("SELECT * FROM serv ORDER BY id A5C n ) ; 


43 

?> 


44 

ctable style =FT width: 400px; margin: 0 auto; ,r > 


45 

<tr> 


46 

<?php while ($row = mysql fetch array (^result) ){ ?> 


47 

<td> 


48 

<?php 5text=£row[ "det’ ] ; ?> 


49 

50 

<div class= "grid™ > 


51 

<div cla33= rr gallery rr > 


52 

<?php echo ™<img 3rc=imgs / w .$ row [ 1 img 1 ] ; ?> 


53 

</div> 


54 

<h3x?php echo $row[ 'head" ] ; ?x /h3> 


55 

<div class= rr grid p rr > 


56 

<p> 


57 

<?php echo substr (Stext r 0 r 222 ) . n .. n ; ?> 


58 

</p> 


59 

<a clas3= "button bg2 grid btn rr href= rr details .html rT >j_LYl ^LL 

: . .</a> 

60 

</ div> 


61 

</div> 


63 

</td> 


64 

65 

<?php } ?> 


66 

</trx/table> 


67 

</div> 



<br /Xbr /> 

< !- j_*_ j t ,_5 jJLitJ 4 _ 1 1 ^ -> 



.(dct)Jj ^Aiilij UjLuajj $text-^-^ jjsu-a U£j£j Uluaj i A jlauj ^A IfrhJau ji Ifrlaau LL*£ SjUJ]) 

$text J>^1 friti j\ (jA)l\ (jll\ jJiIa]) UI^Jlj substr() Jjjjh’n Ha£ OV jIxuj .Jaajj Jil d ja Ji CjULnij £*ua j 

jouu (j^aAruaUll (a5 l4^f' (jjj ^i]| (jjalail]! Laij Jxualiolb CjULn]| £ja AaIj^L ^jiLu-u La jIaLa lLj Y Y Y ji^]j qa !±u ^jl jA j jA^ 

•Sjj-ua]j L*i ( jjJaI]| Jxj Aiiui uJ^J wl J J^alij &U& £)| ^]| 



JaP Lu.\g> l-l^j1luij Jj^t aMlj A1 aI£ Jj^alAHl ^jhjsu ^jAfui AaIp hi jAj JjjjVI iajljl] ^j^Uj Jaju ^jAj SjJaAJ) d^A 

O^aliJl Jjill <jjifujj .CjIa-IAJI JjU^Ua] j^I'va ^uil jAj ^l*Jl ,iWa 1| Jib det SGFY.php ja^uiuaj ^jliuij AiJajJl dJL£j ^ jAj AajL^ 

:Sjj^II ^ Ui l^j 


MOBILE: 00967 714490030 
MOBILE 2:00967 772755202 


Email: info@techpio.net 



www.techpio.net 


















Y Yi 


1 

<?php include ( ’index!.php' ) ; ?> 

£. 

3 

<div cla33= rr content"> 

4 


5 

<div>(jl jJULJi UL*</div> 

6 

<ill V>J 1 . 1 i- ' ^ 1 _La < / div> 

7 


8 

</div> 

9 


10 

<?php include ( 11 index2 .php ' ) ; ?> 

11 



LjlijJt J^ju 11a£ " -s jI&uJIj content UjPJluijj uLj J^ju li*£ f jJaui J jSj-aII <> JjVI f jaJI UjPJluij \ jJiui d^pj la^U La£ 

^ La£ j£*uJi (j j5Ltuu j f UjpjIuiI ^ * jJiui ^IxU 



:^Uil£ cjL^^I <J£^ . (det) J^at&U jl) <j^J (head) lh^ css Jj-^ style.css <J^ 


. head{ 

direction: rtl; 
color : #fff ; 

f ont-family : "Time s New Roman' 1 , Tirr.es, serif; 

font-size : 2Gpx; 

font-weight :bold; 

padding: 19px llpx llpx llpx; 

text-shadow: Ipx Ipx #000; 

background-color : #F93; 

margin: 0 auto; 

margin-top : 5px; 

border: solid #fff Ipx; 

border-radius : 4px 4px 4px 4px; 

width: 94%; > 

. det { 

direction: rtl; 
color : #fff ; 

font-family : "Times New Roman", Times, serif; 

font-size : 16px; 

font-weight :bold; 

padding: 19px llpx llpx llpx; 

text-shadow: Ipx Ipx #000; 

margin :0 auto; 

margin-top : 5px; 

border : 3olid #fff Ipx; 

border-radius : 4px 4px 4px 4px; 

width: 94%; > 


•Sjj-uall La£ (jjiLtm ljLuiMII] f JlmVI 
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: (ji US det_serv.php Index.php ^ (>si Jj-aUj) LjIj ^ ^jiUI jjSJt <>*j <jVI 


B 


<?php echo s'jtstr ($text r 0,222 ) . w . . w ; ?> 

</p> 

<?php echo w <a href='det_3erv.php?id=$row[idl' clas3='button bg2 grid_btn' >jJL_s l J^ol i -■ . .</a> n 7> 
</div> 

</ div> 


ilL Udet_serv.php </b id-Ji Jbuijl det_serv.php LjIjJ) k jj ia^U U£ 

.(illI] fj^Ul JJ axI £)VI ^bj # 4lal£ j LjUbbl DiC-li j lLila <^1 ^ ^UlLuiVIj 

: Sj^a]j ^ U£ det_serv.php 


1 

2 

<?php include ( 1 indexl.php' ) ; ?> 

3 

<div c 1 a s s= " c ont e nt rr > 

4 

<?php 

5 

6 

include ("config.php n ) ; 

7 

Sid = S_GET[ 'id' I ; 

8 

9 

//updating the table 

10 

$ resul t=mysql query ( "select * from serv where id=$id w J ; 

11 


12 

while (Sr ow^imysql fetch array ($ re suit) ) 

13 

{ 

14 

Snead = Srow[ 'head' ] ; 

15 

Sdet = Srowt'det']; 

16 

1- 

17 

?> 

18 

<div class="head FT x?php echo She ad; ?x/div> 

19 

■T»n 

<div class= rr det rr x?php echo Sdet ; ?x/div> 

zu 

21 

T-T’ 

</div> 

ZZ 

23 

<?php include ( 'index2.php' ) ; ?> 


Lx£ jgJalui CjL»iaJb (..ji£j Joualij) ^ (j^ ^aLuall ixj 



aIaaII 1 $jt< * jj Sjjj-ali jIjIa! Sjbj Jouflliulij <jlAa]| l£j uLj Juuu sil!J bJjl jjj UILajj Sj^uall Jjjulujj J^u ^Lj 

(jdoij Ajvi-uall <jV jjjLubl (imgs/) 


indexl.php ^ ^ (jjiLfui t laj^aj Jjjlh ujUai^Ji Ajbjla Ljbbbl Di^li <—jbbbl Jjjluu IgJxAj ^bbUaJl ^J) (jVl JIHj 

4^xiUij Cjbbj ^jlj j£ Jaij . fbuluib) A^iualb 4Jajjj A-blllb ^aLxSl JjlaJl flc-Jlujb ^jliujj <bbll]| jj ^olij 

•S jj-uali La£ L-UJjoIbj Ujii S JJ-bl 4 A lUll UaA 
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21 

22 

23 

24 

25 

26 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 

37 

38 

39 


<1—2 M. \ I * \ l a_j| J_| LJLfl—> 

<?php include ("config.php") ; 

$res'Lilt=rr.ysql_q'jery £ w SELECT * FROM menu ORDER BY id ASC W }; 
?> 


<div cIa3s= rr ir.eno rr > 

<ul> 

<lixa href =pr index . php "> 2 \ j_Jl </ax/li> 

<?php while {Srow = mysql_fetch_array [$resuit) ){ ?> 

<liXa href= rrrr X?php echo $row[ 'head' ] ; ? X / a X / 1 i> 

<?php > ?> 

</ul> 

</div> 

<?- 4 * 1 1 _i_5 f 4_iL^j LJLa-> 


Jj-luj ^jiluuj while 4-Jb J-4XJ liaS iJUj Y \ j]ouk CjUbJl S-iC-lS ^bblill JjAaJ Jljjluulj Jtudjj J-aau Ua§ T £-Y Y jjiui 

while ^.jllujj (jjjUxlI Jij£j jlxl\ lH jjIujIj U±ti fUjluub j^abaJl YT jh.ut . (head) 4 ajIaI] 

A^LlIb Jauflliol] Jjjjj ^pUI J-43U ^UAj iajlj Jj ia^Uj # YT jlxuJj llua A ajI att jHjj dJL 

LaLaj A^jLula (jAj jUdHI (j&J det menu.php A^LuaJl ^Aului ,4 ajULU £)1 jjC- ^ j jasLuaii iJU ^jLualaJl Jjjaoj ^jAj 

<^2 US l$J (j^aUJI JjSJt JjSjajij hu » n JjJ*j det_SerV.php Aaiual 


: det_menu.php 


1 

2 

3 

4 

5 

6 


9 

10 

11 

12 

13 

14 

15 

16 

17 

18 

19 

20 
21 
22 
23 


<?php include ( ' index! . php ' ) ; ?> 

<div clas3= ri content rr > 

<?php 

include ("config.php™} ; 


Sid = $_GET[ ’id' J ; 

//updating the table 

$result=ir.ysql_quexy ( w SELECT * FROM menu where id=$id rr ) ; 

while ($xcw=^nrysql_f etch_axxay (Sresult) )■ 

{ 

$head = Sxow[ 'head' ] ; 

Sdet = $xow[ 'det' ] ; 

> 

?> 

<div class= rr head rr x?plip echo Shead; ?x/div> 

<div class= fr det f, x?php echo Sdet ; ?x/div> 

</div> 

<?php include ( 'index2.php' ) ; ?> 


^ LjiAiUab jlil Jajj jj ^ jJb ^jAj . ) * ^ menu (j^\ .laid Jjiau AjLuqII qmII la^^U La£ 

• UuA A 4 
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21 

22 

23 

24 

25 
2 6 

27 

28 

29 

30 

31 

32 

33 

34 

35 

36 

37 

38 

39 


< ! - 4 * 1 1 _LJ I 4—j I J_j LJLfl-> 

<?php include ( n config.php n ) ; 

$ re 3ult=my3ql_qiierY ("SELECT * FROM menu ORDER BY id ASC n ) ; 
?> 


<div cla33= ,r inemi rf > 

<ul> 

<lixa hre f= w index. php">i_Lu3_i_4 j_Jl </ax/Ii> 

<?php while row = mysql_Fetch_array {$re3ult) > { ?> 

<lix?php echo w <a href='det_menu.php?id=$rowiid] ' > w 7 > <?php echo Srow [ 1 head 1 \ ; 

<?php > ?> 

</ul> 

</div> 

- 2 s. S [ LJ I I f ~i I > 


?x/ax/li> 


. J jLuj n j 



. AuiUij La£ jlc> Ja^uall Jvu j^aUaJl JLui <j j 



. (jS La£ jii) j JillS 





_l «! 

£jLi» iljj 

osLq_^jI3 fy^jyjotj £>j<p £lL1Aj U>gJgiSLJI ilgj • 


00967714490030 : GyOi 

CU.g^U'JI gjlgoJI 


00967714490030 : 

oALasJ AjJ-> {J 0 )SLt JSXcUj 1 ■ Ig . II ilgj • 


en_yusuf@yahoo.com : vjbg^SLryi ajjJI 

/>YLc\ll tljJuOg gSlgxxJI . <\r\r\-r>r\ 1 Oljgi • 


714490030 : Jl^ 

v .1 ... ...c)rvJ k _sv9 vjbg^iiAII 


a .c1a;->\)I 1 .ll~>ov>j. a. <^| 

eJjLoJI oUarij ,y>L> xjOyS. • 


in d ^ f 

d^j^sJIg OjjsVL^j'JI 4o\II l.-^glgX .11 ilgj • 
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t r a 


: ^ U£ jUlVb news 



^ U£ LjUbJi S^pli ^ (jblSfl) Jj-^i jIjjI^Aj ^j&j index2.php OVI J 


5 

<div class =rr news ,r > 

6 

<div cla33= rr headline IT >j L_i^d I jjT</div> 

8 

<?php include (‘"config . php™ ) ; 

9 

$result^mysql query [" SELECT * FROM news ORDER BY id DES") ; 

10 

?> 

11 

<ul> 

12 

<?php while (Srow = mysql fetch array ($resuit) ){ ?> 

13 

<liXa href= rr # rr > 4_>_jjjjLS_7J 1 g_sl j_^J 1 4_s 1 inr 1 j pj_un_j 5 j j j i i i 1 l t-j _ ' j \ ^ i_ SI ^ 1 jj</ ax/li> 

14 

</ul> 

15 


fa 

<?php > ?> 

</div> 


ja£2 jUli o j^j Jjjj Ja&2 U (jSJj jU^SH (jjjUC' JljjluuV Jij£j l^J-iils «**m j .Jala l ±^\j ^ic- ILLlj jlASn D^i Sjj-ua]j (j^a 

La£ Jj£jj (jjSouij jUl^U J.LiJj ^Uj-uuVI j^i ^ 14 ifuajj (limit) cj^J 4-$^^ ^UIujVI l ji 1 ixuaim dJi] <jja ]j 


5 

<div cla33= rr news rT > 

6 

T 

<div class= rT headline rT >j Ljjd I j_*T </div> 

j 

s 

<?php include ( w config.php w ) ; 

9 

& re sultry 3 ql query f n SELECT * FROM news ORDER BY id DESC limit 5"); 

10 

?> 

11 

<ul> 

12 

<?php while (?row = mysql fetch array (^result) ) { ?> 

13 

14 

■H C 

<liXa href= |rr # rr > <?php echo $row[ 'head 1 ] ; ?x/ax/li> 

J- 3 

16 

<?php > ?> 

17 

18 

</ul> 

19 

</div> 


<jj£1uij jUkV! Jj^alili (j^alA A-xL-a J-asu ^jIj A^jLuJI Jjjla]| ^uij UA j JajjjjJl (j^alL <j£Jj jL^SH (A» u *' Jj£Jl -Ixj 

;Sjj-uaij ^ La£ a jj£ ujftj^j .hj**n jjJu ^4 Jj^l Vsti cjla*iua ^ A^jLuJI jj£SH <j^£j det news.php 
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1 

<?php include ( ' index 1 .php 1 ) ; ?>- 

2 


3 

<div cla33= ri c ontent rr > 

4 

<?php 

5 

e 

include ( w config.php" ) ; 

O 

7 

$id = £_GET [ 'id" ] ; 

S 

//updating the table 

9 


10 

$resnlt=ir.ysql query ( 11 SELECT * FROM new3 where id=$id 7T } ; 

11 


12 

whi 1 e (Src w=niy sql fetch array (Iresnlt} ) 

13 

{ 

14 

$head = £row[ ‘head’ 1 ; 

15 

Sdet = $row[ 'det' ] ; 

16 

£date = $row[ ‘date 1 ] ; 

17 

} 

18 

?>- 

19 

<div clas3= rr head rr ><?php echo fhead; ?x/div> 

20 

<div cla33= rr det Fr > 

21 

<?php 

22 

echo $date; 

23 

echo '<br> 1 ; 

24 

echo Sdet ; 

25 

?> 

26 


27 

</div> 

z o 

29 

</div> 

30 


31 

<?php include ( ' index2 .php " ) ; ?>- 


index2.php ^^jL^M JajjJ ^jUj .CjULnil o-ic-lii <jja AJlc- Jlui! ixj Ju^liulLi uLZ) <j-«Za jujUll AilZaL LL &2 


: Jaulj]| <jj^u *ij 


2 

<!— > 

3 

<div clas3= rr f ooter fr > 

Tl 

5 

<div c 1 a s s= "news rr > 

6 

*7 

< div c 1 a s s= "he a dl ine rr > j 1 j_/T < / div> 

j 

8 

<?php include ( w config.php™ ) ; 

9 

$ re sul t=my s ql query ( w SELECT * FROM news ORDER BY id DESC limit 5 W ) ; 

10 

?> 

11 

<ul> 

12 

<?php while (Srow = mysql fetch array (£result) ) { ?> 

13 


14 

15 

<lix?php echo w <a href='det news .php?id=$row[id] 1 > w ?> <?php echo $row[ ‘head 1 ] ; ?x/ax/li> 

16 

<?php } ?> 

17 


18 

</ul> 

19 

</div> 


. ^ La£ jU^VI Ji-ui 
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. ^ La£ (jjjUc- ^ic* JaLuali Jajj 



^wnij^x^iu 


frx>jJI a i J o r *9X1. 
fTXjJLSLjJJ J I Mil 


Jaig Li T^qJq i Vi Jl jJgj £o>g_o j-0j-tu uJLc O52_oj frx'i iiij £J)g_pJI 0-o uliiLi iAJI fou yl ^ y i 
11 Ki Jl uLiluj poJ .OLriLu-uJI \jf \&j oJJ oJI ojLiijAJI ajjJ Licftq .iHJi vjJj Loq i.ii'SjjJlq 


j i i-SJI £a>g_oJI m Qjj LoJjq y>blji ^1 J^ ijjj cjyj Jl jt\J sr'i 0-o-J php cjyJ J J-S^oq hi ini £a>q_o j j'ifrjq 
igjjJojJI li*_d* .^jjj Lo-fi qjJr J:\gjq Oi_o \iQ'imi Ql pxJy'ioJI y l fyoU yjJJl OiLpy'i Jl ql Olh^MpJI y_o 
foJLsuq cLlujLooJIq Cl^jJLj Jj Qj_ 6 Lpj O'i J J yu i Jq fl^jAJIq pxJ y'i Jl cLLalgjpJ ?U_Q_o AJj yui J ljULVII lit-diq 

.IriV^Mnjq uLLlVaJI foJy'iq \n 71 Jl 


qJbjulqj a; igj'iSIMI £Lolq_oJI uliiiiAJ JliijJUIq £o>lg_oJI pxipiVi CjLlluLluI foJ_S£j qjh yxuJjJI uaj_aJI QIV ^_oq 
J-oly'i Jl qJLjjJbq £J>lg_oJI J_o_c Q; 6; ^ Jg_3 qj oJ *Sq njSn LLjaJ Qq\jq y5q'i ~ipJI ojl^j dpJdiJlq OQjj^jij Jl 

.qlll iiLiii 01 uUMI o!uh Opls^Iixu Lo g_ri*g (JOOMLA) AJ_og_9 :jlo loWp 

www.techpio.net yiLijjJI £a>g_pJI o^-C Jq-^-^JI ql www.techpio.net/book : JqjIjJI o^-C Jqjb^JI ig i i h i Jl QjqjJq 


MOBILE: 00967 714490030 
MOBILE 2:00967 772755202 


Email: info@techpio.net 


www.techpio.net 



































rr \ 


c&)tk J gi) 

.djlildaluuVI Jj^ AuaUJl CLa jIjlaJI (j *aau IaA j 1^jlc> j$ja1| lua£jaj ^j]&a Aitualuil AjuJa j ^aa Aj*aIj-aj jjaSJVI jSj-aII J-aC- <ja» ft£ujVI isu 

xai,,v;,»mi 

AiLualuil f lj-ui (jC- Sj^^ ^jj Aliujl jjj dujAjyi Aibuu AlualAJl ji dujiuVb A^aliLlI CjjjSj-uJj uujJl dl *\k*si £-uaj AjIaC* ^A 

JLuu A-a-^I <La.iLa 3| A£j-uJj jl <Luuaj-aJ| jbHI qa ±A$ ^jjja£JVI j-aII AiUaluu^j AjIaC> Ja3 .AuL^-a AitJaluul ^ dljldVI jl APjLia 

,<iL j^tiJl ^jjja£JVI £2j-a]| ljUILIaj dtiualj-A lluaj Jja^J 

jaSjaJ AiLual AjULu dJPli JallaJlj AajLaaj l-jU^aII jLuJb <jJjja£WI jSj-aJI jj^Ja ^ jaa£ jjJ uj*Jj ^JjjaSJVI jaU 3 AildaluuVI £j\ 
£-a J^buij Jja Sji£j AjqI'L Ajii <jj£a oi l^ujblj L^aIjauj ^j£j jl AiLualuu^l ja«1a £j-a jl J^j .CjULnli JjA^a V JSUj jldlAj AjajjIIa ljIaLula 
A ildaluii ill ^ jj&j qa JjV Aitdal .A$u/VuaaI| dA£jJ^I J-a AjjaIauVI Ailib J^IjaJI AjjjS ^jl\ AituaVb tig \a& Aj&Jjlaj AjLualuuJl CjjjSj-uJl 
.A-uuij JL^aJI ^ J-A3U Vj jS j-a Ajii <ja1 Ja^j Vj JU-aJI ^ J-axj A.xuuib iiA AjuUaj Aildaluu'tfl ^^Uaj Aj <jj£a <ji 

;A£l JalL aVI dil£jJb A^aliJj <jiajjxJl ,jAua yj£jj A a$ a jaajlj < ^ y a]| ^ajLuaaJl <jiaju UA j 


daUa^U 

IaUsla 

Aj^KlI 

D Jj±xa Vj SjaaS ljL^Lula bil^ jSjjj 

A^b^LuiVl djl£jdi (JA3AJ 

j3 j-a11 A^ULaII A^LulaII jIjLa ^yAj 

CajIj IaaaII j! dub lauaJlu 

dub ^ ^ ^ ^ = dub I^aa \ * * * duA 

A^LutAI 

(space) 

JaLu j)j1a (jj£j AiLualuil f-ljJj JJaLj 

^ joLa) J ijJ-xaV CjULnij 

djjluib A^juai (jAj LjUbdi J^Ua j\S±a ^j 

A^ualdJj CjbbJl jjJA a .^u^n <ja^ dujAJ^I 

La jIjIa jA UAj < tillad djjluij J^aS ^aa <iL 

GUUAI JSUj jlJia 

(traffic ) 

OAaIjiJj diA CjbLualLuij flj^u J^ Q j 

(JLujjVI AajaIa) SJj^-aV 

dAjLuil jLuijb qa Id dV i ja j ja S jbc- 

AxaAI IgJj APj^IaII djjj^j-uJj (jAjIa 

daljdiall JLujjI Si ^a]| CjLuluij^a]| (jtaxA 

A-AAuijil A-ujjaS^VI 

AiLuaVU Cj^LmjVI JJfr 

(POP & SMTP) 

J1a AIHxa JaLuija J J ijaj ,j-A «1 jV 

^jjaSJVI JajJIj CjLuJIj 

jSUiAl 

(Support) 
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# Ajj ijjjilVt jSlj-aJl AilUaluil SjiSJlj Ai ijjslaII AilUaluaVl Uil£jJu (j^axj 


Ualla^U 

AJ ji2j 

A£jjiUj 

till Vj Ajjft CjUjV ^U^j l LxA j JjS 

jl Ajj^JJ jj-ufl JLuijj Jxj V) Ajjl J-4J 

AojLujVI AillaUj QA jj-uaj jL ui jj ja 

AuSjj-aSfi S^lUi CjUVjii 

HOSTMONSTER 

ill Vj Ajjft ljUjV 1 ^ jjn JjS 

jj Ajj$U jj-ua Jtuujj ixj ^j ilUg Ajjjj^j 

AULajjVI AiUaUj ^jjj jj-uaj jiuu jlj^ 

AjIjj^VI S.^Vuti ljUV jil 

HOSTGATOR 

Ajjft CjUj) c-iliajj V 

AaSjj-aSfi Si^lUj CjUVjii 

GODADDY 


oicga^lga) ^1^ 

• ^ Uiijlaailj jfljAdul] £2jil f Ujj j £fijJ| Jj£ JjjSj JSiu Ifrlag <jj» Cjj jlzL Uft 

jjAualj ^jjU # UAjUU| S JglL o^aliJl i i-Lualu^l jSj-uIj ^xujIj ljLaII iai^j t LUalu^l { J^> dJji^ CjUUj fa£>\l J-aau ^jjU 

.AiLIaluiVI -Ij-LaJl CjUUUI dJglU J|jj1ujI J a£> ^j jl^aJj ,jjjla -lla-a JS Jl^Jj Uj ^^alaJl CjUUUI Sigl£ 

Vj # ^UJ| Ala> aII Uj ^aLUl ^l*S| jSj-Ul -ilxA £4 3il JalmVL (jjalaJl ^Ul) ila> a!\ ^1 Uj <j^aLUl jl^aJl (jA ^aaoa!\ £$j-Ul Cjlila Jj^a. jij 

.default.php jj index.php ^Kti Aj^hj^I A %wati ^1 <jj% £l c-j^jj .jll 6^ 

.^ijSn SjiaaJl <^1 ljUUUL ALLull CjUUj jjjxjj CjUUUI S-ic-LL JL^jVU A^aLUl config.php-^j cjliU (JjJxUU ?jhl 


:tL£qyi£M I g^l^ddl gfl) (>lc oloail (jjnh'ill 


:^JU]IS LjjjkAllj AjfcUalj ^Ul£ jSj-Ul jij A jUt j ^jllui Uj ^j^IaJI JjjjlalJi JMk 
Aa jJ ^lg e jij Uj A^LUl AiLIaluuV) <jj»j ( ^ jL\ AiUaluul qa A^ljilj AL jlai I uoIj^j) AilUaluuV) ^ CjUUj S«lgli J-aju ^ jAj 

: (MySQL DB Wizard) jj Uu^i\ £ f**X\ 
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rrr 


t\ 

MySQL 


Jjk f*tv 


ft \ 

MySCX 

S *4 r 

J soot 

'W ™ w 

MySQL® 

Databases 

MvSQL® 

DB 

Wizard 

phpMyAdmin Remote 
MySQL 

MySQL 

Usage 

Reset 

MySQL 

Pswrd 

PostgreSQLPostgreSQLphpPgAdmin Remote 
Databases DB Wizard PostgreSQL 




MySQL® Database Wizard 

MySQL Databases allow you to store lots of Information in an easy to access manner The databases themselves are not easily read by 
humans. MySQL databases are required by many web applications including some bulletin boards, content management systems, and 
others. To use a database, you II need to create it. Only MySQL Users (different than mail or other users) that ha ve privileges to access a 
database can read from or write to that database. 


Step 1: Create A Database 
New Database: 


Next Step 


: jgfou+ij (Next Step) I jJJl ^ ^ J-asu 


Added the database 

Step 2: Create Database Users: 

Username: 

Password: 

Password (Again): 

Strength (why?): 


Create Usei 


project 


Note: seven characters max 


Very Strong (100/100) 


o 

o 

o 


Password Generator 


: AJUil (Create User) jJJI ^ jjj-JI A-aI£J (jjjiUil cjULnil Lj^LLxij JjVI ^ 
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Added user - with password 

Step 3: Add User to the Database 

User V — 

Database v jr «•*■%**# 

^ * j14* 

0 Ala. i * t 4 | 


l/) 

0' 


0 

0 

TA 

RY 

0 

0 


0 

0 


0 

0 


0 

0 


0 

0 


0 

0 



Next Step 


(Next Step) ^ 4 -a!^ j^-uibib ^jij d!^! S£>a 

d-l&li J-a£> (j-4 AuiUij <LxLuaJl j^Jaluij AalUil SjJaaJl ^j£> iaxJaij CjULnil d4&l£ ^-uulj ^uulj jjj^l 4 -aI£ J-a^jj 

.cjUUIl 


Home | Hosting | Domains | Addons | Account | | ^ Cart | & Help 


c Panel 

Server 

Email 

Website 

FTP 

Databases 

Manage IPs 

■m 
■_ 

■ • • • 

15 


0 


i 

H 


MySQL® Database Wizard 

Step 4: Complete the task 

User “fgintlor_project" was added to the database :i fgintlor_projectphp". 


Add another database. 

Add another user for your MySQL database. 

Return Home 
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j jftua j phpmyadmin p Auk 


Juju ^W^ll j2ij-uJl localhost-^ j Uj A^KM cjbbull 3 j&i£ jja^L ^jjb 


. AuiUij 



La£ j^Jaluij project ^ Au^bbl Lubball dJC-IS ^k <ilul£ Juju ^ jAj j CjULnij .iC-IjS ^uua j^Jalui j (luUIuj S-lC-li) ^k JajLualb ^ j£j 
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Sjj-uall ^ La£ jHaJ (J.Wall Cjljb^Jl jb^ij ^j^j) JJj-a jxuiUib ^j!j d^i Sjj-uail JMk £>« 



. Aa]U]| A^jLuall j^Jaluj jj^uaj jblkl ixj 



£}aS$\ ^uall jtuuij f jaJl ^ j^iaj La£ SjJub-a Jjl«iaJl Jjjlj ^jj-uuj jj LLiaib d^j Sjj^l 

.dJ-lauj dJjjj (jIIa ^\ l^JLuajj CjbbJl S^C-li liU ^ j j£ ja 1ife (JlIxaJI ^ show in folder jb^J 4al& hi 
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try 


'-^phpinyadmin jj <^l *-jU iJI £ 4a jl L# Ic. JjijJI Jjjla (jc <jAj jSj-JI SjjJaJI tiUUJI »j&li ^1 Jjl-iaJt jij <jVI 

: Sjj-aJl ^ 


t\ 

MySQL 

MySDl' 

nffirfnrfn MysqL* 

SV 

(\aor 

ft \ 

My SLU 

($! Ip 

MySQL® 

Databases 

MySQL® 

DB 

Wizard 

phpMyAdmin Remote 
MySQL 

MySQL 

Usage 

Reset 

MySQL 

Pswrd 

PostgreSQLPostgreSQLphpPgAdmin Remote 
Databases DB Wizard PostgreSQL 


• La£ lAULuui ,^1 CjULuil aJfrlL ^ .■*! 4-31 4 aI£j ^uL 4 j]UJI 4aAaI) (jjjia jjfr Jauuj ^jii 


phpMyAdmin 

Welcome to phpMyAdmin 

| Language 

| English ▼ 


Log in ^ 



Username: 

ir 

n 

Password: 

[ - 

□ 

I 

Go 


Reset Password 


;a ^ LiS 4 jjj*JI 4jlUL jIjjIui! ji import JJ • *aj diULuil 3 JClS J&j 


phpMyAdmin 

A 4 # © <1 


II localhost 

(j) Databases 

O SQL 

14 k Status 

Q Export 


<=> Import 


^ Settings ^ Synchronize £►) Variables m Charsets Uj) Engines 


(Recenttables) . - Importing into the current server 

No tables found in database. 

(Q Create table File to Import: - 

File may be compressed (gzip, bzip2, zip) or uncompressed. 

A compressed file's name must end in .[format].[compression] Example: .sql.zip 


Browse your computer: | Choose File | No file chosen (Max: 50MiB) 

O Select from the web server upload directory /home/fgintlor_pr/tmp/: 


Ujblklj Ujl^A ^ 4iiiL lIIa jblil j! Choose File JJ 

Sjj-uall (jk La£ jSjil ^IajL 4jLoij (iliUaPlj t iUti j AjLLuJI 4%$^! JLuul (iiilj) ji jj Jax-uaJi 
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rr a 



(Recent tables)... 


y(_ Structure Q SQL \ Search (j) Query Export ^ Import Jr 3 Operations Routines © Events 3g> Triggers 


✓ Import has been successfully finished. 16 queries executed, (project (4).sql) 


|H) admin 
g] menu 

g] news Importing into the database 

gj serv 

® Create table J) File to Import _ 

File may be compressed (gzip, bzip2, zip) or uncompressed. 

A compressed file's name must end in .[format].[compression] Example: .sql.zip 

O Browse your computer: | Choose File | No file chosen (Max: 50MiB) 

O Select from the web server upload directory ^ • 

® The directory you set for upload work cannot be reached 


Character set of the file: | utf-8 


Partial Import 

@ Allow the interruption of an import in case the script detects it is close to the PHP timeout limit. (This might be a good way to import targe files, however it can break transactions.) 


Number of rows to skip, starting from the first row: | 0 


• La£ jajxJn uAL» (jk l^JLuajj CjUlUJI uU lib tilljJ ljIAIa jij 



(Comperessed Zipped folder) Jjl £ (^j JLaj)) £ a**! ‘4^ ^ 

: ^ U£ 


s Pictures 

^ imgs 

TO£/*0/.t p. ♦T:tA 

File folder 


U Videos 

Ji web 

T.t£/.i/TA P 1T:.V 

File folder 



§ admin 

T.U/*OM> .0*. 

WinRAR ZIP archive 

1,562 KB | 

Homegroup 

config 

.LTV 

PHP Script 

1KB 


config2 

T.W*!/^ f. .LU 

PHP Script 

1KB 


: S ^ La£ File Manager jj aJiujIjj cjlLUib u L jl\ 
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File Management 


& 0 0 til ^ ^ & 

Site File Legacy File Count Disk Web Disk FTP 

Backup Manager File Space Accounts 

p ro Manager Usage 


Domain Management 


: (fi U£ Upload jj jijj jfla lut File Manager jj ij^ jxj 


File Manager settings 


Reminder: The Terms of Service does not allow inappropriate use of our network for online storage. Please see "UNLIMITED" USAGE POLICIES AND DEFINITION! 
site are always welcome. For approved online backup services please visit the Partners section of cPanel. 
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>riate use of our network for online storage. Please s 
vices please visit the Partners section of cPanel. 


"UNLIMITED" USAGE POLICIES AND DEFINITIONS for more information. Files uploaded in connection with your hosted 


Delete Rename 


£ 

Edit 


Code 


Home |£t Up One Level Back ^ Forward 


a p * # 

HTML Change View Extract Compre... 

Editor Permis... 

| Extract ^ 

. Reload 0 Select all F| Unselect all 


Last Modified (Arab Stan Type 


t LLalt JaLusiU LjULu jjjjuj config2.php * itdt j config.php * alulS S i- AaaII Ia.uu jjSUilj t aUll lilL 

^ its Code Editor Jd^lj config2.php <-«14l £ config.php JjVI 

config2.php 
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<?php 

$con= mysqli connect ("localtiost", ! f n r n rr ) ; 

?> 


config2.php 


IS © >op* * 5* ’ J Jl |.v| » 
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6 

<?php 

$con = mysql_connect ("localhost", ") 

or die ("cannot connected"); 

mysql_select_db ("fgintlor pr",$con); 

?> 
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www.joomla.org : -kL^' J5^ 6* k 1 ls^J^ 

HTML - CSS - CSS3 -) fiilj-ll <^il <J>\ ^Vb MYSQL ^ULull Sjtli ^ PHP ^J £-»j* fUU 5k* kk 

.(HTML5 -JQUERY 

; ^k* ^Uaj ljU jLa 
.(Database) ^UUJI »j&li 
.(Modules) 

.(Components) kuajjil liUjiaJt 
.(Template) 
.(Plugins) »jcLuu» cjlilual 


:(Database) Sjcli 
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Home ► Bundle product 
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TOYS b GIFTS SALE OUTLET 


Bundle product 

***** BO Review f Add Your Review 

Availability: In Stock 

From: $106.00 
To: $285.00 

Price as configured: $0.00 

*Set B 

□ 1 xCrasutloremutduialiquetvolutpa +$50.00 

□ 1 x Praesent rutrum nisi vitae eras scelerisque +$49.00 

□ 1 x Nam eu pharetra magna sit amet erat ante +$119.00 

*Set A 

Choose a selection... T x 0 


dllA UajjJ.(component) ji AJIAa]) ^La ij-a ,j^ua ^jaaua ji AJULa jaLuali JjP 

.AljLuJj 6 jjao 1\ ^ La£ CjUjLa 


Pellentesque habitant morbi tristique senectus et netus et malesuada fames acturpis egestas. 
Fusee vehicula nec sapien et semper. Donee vel molestie nulla. Donee dui sapien, hendrerit nee 
condimentum ornare, tempor a dolor. Praesent pulvinar justo ut metus dignissim lobortis. 

QJ^3< T~0~| Tweet 0 0 


cjVIIaII ji jUlSfl 51 ^ ^5 jflaj Ujjpj (tweet) ji (like) jbJ' ^5 

jafua S^Luta dililual plugins 
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B? Joomla!® 


Community & Support 


The Platform Millions of 

Websites Are Built On 

O Over 50 million downloads and counting 
O Thousands of extensions and designs 
O User-friendly and mobile-ready 



Search. 

Download Joomla! 2.5 
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Download Joomla! 3.3 ■ ^ Upgrade Packages 

English (UK), 3.3.0 Full Package, ZIP H Joomla! 3.3.x and 3.x Upgrade Packages 


Release Notes » PHP 5.3.9 or below? 


Xff Joomla! Hosting HBlll 

• y - Web Hosting Pre-loaded with Joomla! 1 


Advertisement 

Download Joomla! 2.5.x 

Joomla 2.5 is the previous version of Joomla. which will be supported until December 31, 2014. For upgrade 
instructions to Joomla 3. please see the FAQs below. 


Download Joomla! 2.5 ■ Upgrade Package 

English (UK), 2.5.20 Full Package. ZIP I English (UK), 2.5.x to 2.5.20 Upgrade Package, ZIP 


Other Joomla 2.5.x packages »> 


(j* flu* LLiail JjjVI OjUU Download Joomla! 2.5 jjll iaLiaib fjjb 




■ 1U4II t flblj JUjj 4 Viij ^jAj joomla2.5 WWW .iWaII JiU J-aau ^jIj jaj uftioil JjaVi Jju 

^ US iaL^l <iiL ^ j&j joomla2.5 
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► Computer 

► Local Disk (C:) ► wamp 

► www ► joomla2.5 ► 



Organize ▼ Include in library ▼ Share with ▼ 

Burn New folder 
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E Desktop 
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T.W.I/T* ^ .AiVT 

File folder 


Downloads 

94 cache 


File folder 


S§1 Recent Places 

ificli 

Y*)1/*I/T- ja *A:1T 

File folder 



* components 

r*W.i/T- j* *A:1T 

File folder 


* Libraries 

images 


File folder 


j Documents 

^ includes 

T*U/.i/T.^»A:ir 

File folder 


Music 

^ installation 


File folder 


B Pictures 

language 


File folder 


f5 Videos 

^ libraries 

Y.)1AI/T-^.A:1T 

File folder 



94 logs 


File folder 


Homegroup 

94 media 

TOi/.I/r- ./UT 

File folder 



94 modules 


File folder 


Computer 

94 plugins 


File folder 
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i templates 
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File folder 


i—a New Volume (D:) 

94 tmp 


File folder 


r-a New Volume (E) 

i_j htaccess 

Y-1i/-i/Y. ^ *A:1T 

Text Document 

4 KB 

r a New Volume (R) 

T>. index 

Y-W-l/Y-^-A:1T 

PHP Script 

2 KB 


1^1 joomla 

Y*U/*1/Y*^*A:U 

XML Document 
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Network 

g LICENSE 

YOlAl/Y-^ .A:IT 

Text Document 
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U README 
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Text Document 
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DIST File 
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i_j web.config 


Text Document 

2 KB 


□3 ® 


*Xa ja ^Uaj 4 u2 joomla2.5 LLuali localhost uUllb fjjsu 4 lal£ ^Ualil Bliia j^lsu d^pj Sia^^U La£ 
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C D localhosVjoomla2.5/installation/index.php 


Joomla! 2.5.20 Installation 


☆ * * t» 


Steps 


1:Language 
2: Pre-Installation check 
3: License 
4: Database 
5: FTP Configuration 
6: Configuration 


P- 


Choose language 


Select Language 


Please select the language to use during the Joomla! installation 
steps: 


Z % KN Q = 


Joomla!* 


Afrikaans (South Africa) 


Arabic Unitag %jJ') 


Armenian 

Azeri-Azarbaycanca (Azarbaycan) 
Bahasa Indonesia 

Belarusian-BenapycKan (Benapycb) 
Bengali (Bangladesh) 

Bosanski (Bosnia) 

Bulgarian (BtnrapcKM) 

Catalan 

Chinese Simplified 
Chinese Traditional (Taiwan) 
Croatian 

Czech (Czech republic) 

Danish (DK) 

English (Australia) 

English (United Kingdom) 

English (United States) 

Esperanto 

Estonian 


Joomla!® is free software released under the GNU General Public License. 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 



www.techpio.net 

























Y i A 


^lc> next ^ iS ^*1 c1ijI£ <Ul^ ^5 Aujj*Jj 4 jlU| jLjj^U ^ jj&j 


[ Joomla!' 


£±ulu1 \ Joomla! 2.5.20 


JUU 

PHP >= 5.2.4 jli^[ 

fiat 

Zlib 4^t> loa^o}\ yxca 

fiat 

XML AsL^gaJI ci^-agJI 4aJ fizt 


: a uvign.il OULJI j^lgs 

fiat 

(mysql, mysqli) 

fiat 

(MB Language is Default) c^>ui oi^>g aa ia.a a^bi>si a=j 

fiat 

(MB String Overload Off) ^ui oIa>j aaig.n a..d ...l) jjijji J^jojxJI cSUui 

fiat 

INI Jijco fis-t 

fiat 

JSON 

fiat 

AjUUJ JjIs configuration, php 


/inn il L» )jn^^ 

:Joomla! 2.5.20 Stable [ Ember ] 30-April-2014 14:00 GMT>' j* ^«sa< j*. ^ 

yg.^n Og^i. ».i *>9giX) iSi*yagc-LO >oLaJI aidi ^ vSI OlS lil 

fi\£- .1; v. v.-i.l qjojUJI <_>ltl_prVljjoLAJI yS&H (V) >ooVI OgJJU 

• ■•■; !\Lo<p> joltu jOac ,_jJ[ vSagi Of q^Ai JUaj joLaII 


Lb> 

i^e^, 

o!^gJl 

JA8J J 

JawV 

(Safe Mode) &^>gJi 

Jaat 

JjOjkj V 

(Display Errors) tUa>L)i ^ys- 

Jaat 

JAsj 

(File Uploads) olaLoJl jsj 

Jaat y 

JjGjzj V 

(Magic Quotes Runtime) oLwUsy i j.b ^oj 

j"°‘ y 

jAaiM 

Magic Quotes GPC 

Jaat y 

iJA&j VI 

(Register Globals) />isJi 

Jaat 

jABiVI 

(Output Buffering) ob»>ioJl otP" 

Jaw y 

v Jj0jzj VI 

(Session Auto Start) ^di jSLdu A*Aiadi tju 

JAW 

Jjto U 

Abgs^aoJI ■"tlolrvll ils a^ol> ZIP e>9<p 



:^_i ~ tejl jIjpV' 

>oltu ga>oLJI ^g9lgJI OLa-o jM 1 #j g-^.; ^Jl PHP ulalic| oi£) 

. !iLog> 

gjo ao.i^.n oblj^VI o^lS gJ ^£> iMjog?jolku Jaw <Jg^> 2Ui gag 

. «U QjAjjtO 


.oajo$x>jJI o-a>j GNU/GPL <*>>!» pj "j i^ixvll >>* quoU>i •$■! Joomla 


jUiil : 1 

*=«£ai d£ u : 2 

o-jijai; 3 

tajJUul » *..» ; 4 

FTPi^:5 
•aotjcvi: 6 


e**': 7 


IP 


aJIJIj Display Errors-^ iHjIjIj&VI j^LL ^Qaill u^lta uu^ Ufo*i u^j £jiib ?*-* 4-a 1£ jtuuil JLula^^U 

^ u£ wampserver jJJb LLiaib <iU3j Output Buffering -II l^Ui <> j^all 4^»!^ 


L s 

© * 


|QI° ) 


Microsoft Word - E-Media Book 2 


*? *L 

•* '•ae 

*> , ’■JsLojVI 


Jaj/ 

^cj9 0lgic 


Jj* JW» 

T Ol9iC 


Jj* 


Jj* 

iduUj 1 


ssalcl 


If £1 


ir@ 


4 


(+)-0— -0 %"• 


-| o ’t* A I® 


(XDebug): Remote debug 
CXDebug): Profiler 
(XDebug): Profiler Enable Trigger 
short open tag 


•S y2k compliance 
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SAMPLE SITES JOOMLA.ORG 


Joomla ! 8 

Open Source Content Management Z2M 


You are here: Home 


Aboutjoomla! 

Getting Started 
" Using Joomla! 

The Joomla! Project 
The Joomla! Community 

This Site 

■ Home 

■ Site Map 


Joomla! 

Congratulations! You have a Joomla site! Joomla makes it easy to build a website just the way you want it and keep it 
simple to update and maintain. 

Joomla is a flexible and powerful platform, whether you are building a small site for yourself or a huge site with hundreds of 
thousands of visitors. Joomla is open source, which means you can make it work just the way you want it to. 


Beginners 

If this is your first Joomla! site or 
your first web site, you have come 
to the right place. Joomla will help 
you get your website up and running 
quickly and e asily. 


Upgraders 

If you are an experienced Joomla! 
1.5 user, this Joomla site will seem 
very familiar. There are new 
templates and improved user 
interfaces, but most functionality is 


Professionals 

Joomla! 2.5 continues development 
of the Joomla Framework and CMS 
as a powerful and flexible way to 
bring your vision of the web to 
reality. With the administrator now 
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C D localhost/joomla2.5/administrator/ 


&1 ■»* *• i* a z 4 ii. s = 


Joomla! Administration Login 

Use a valid username and password 
to gain access to the administrator 
backend. 

Go to site home page. 


ft 


User Name 

1 1 

Password 

1 1 

Language 

Default ▼ 


Log in Q 


Joomla'© is free software released under the GNU General Public License. 


Jajjjil J (jA fjAuij}] ja (jA AjjjslSI 4a11\ cilia JjJHj ^ jAj ujjjjulb f iJj JjS 

http://ioomlacode.org/gf/proiect/itranslationl 6/frs/?action=FrsReleaseBrowse&frs package id=5613 

Jajj { J^ 4xj 


£ JoomlaCode' 


Home | AboutJoomla | Community | Forum | Extensions | Documentation | Developer | Shop 

p— v@forge Hom8 HyStuff Use(s Search 

Projects 

Snippets Q\ © fi Loq in | Register new account 


Project Menu 

» 

Summary 

» 

Reporting 

» 

Search 

» 

Message Wall 

» 

Tracker 

» 

Blog 

• 

Releases 

» 

SVN 


» Arabic Unitaa ar-AA »Browse Frs Release 


Joomla!®2.5 Accredited Translations 



Release Name $ 

Release Date 

Filename - 

Fie Size^ 

Download Count ^ 

Arabic Unitaq ar-AA 2.5.9 

2013-02-03 17:00:00-06 

ar-AA ioomla lana full 2.5.9vl.ziD 

323.25 KB 

21290 

Arabic Unitaa ar-AA 2.5.8 

2012-11-08 17:00:00-06 

ar-AA ioomla lana full 2.5.8vl.zb 

325.34 KB 

18431 

Arabic Unitaa ar-AA 2.5.20 

2014-04-29 18:00:00-05 

ar-AA joomla lanq full 2.5.20vl.zip 

285.13 KB 

841 

Arabic Unitaa ar-AA 2.5.19 

2014-03-05 17:00:00-06 

ar-AA ioomla lana full 2.5.19vl.zio 

323.94 KB 

6531 

Arabic Unitaq ar-AA 2.5.18 

2014-02-06 17:00:00-06 

ar-AA ioomla lana full 2.5.18vl.zio 

323.76 KB 

4495 

Arabic Unitaa ar-AA 2.5.17 

2013-12-18 17:00:00-06 

ar-AA joomla lanq full 2.5.17vl.zip 

323.84 KB 

5869 

Arabic Unitaq ar AA 2.5.16 

2013-11-06 17:00:00-06 

ar-AA ioomla lana full 2.5.16vl.zio 

323.61 KB 

3249 

ar-AA ioomla lana full 2.5.16v2.ziD 

323.84 KB 

3281 

Arabic Unitaa ar-AA 2.5.13 

2013-07-25 18:00:00-05 

ar-AA joomla lanq full 2.5.13vl.zip 

323.62 KB 

11849 

Arabic Unitaa ar-AA 2.5.11 

2013-04-26 18:00:00-05 

ar-AA ioomla lanq full 2.5.11vl.zip 

323.48 KB 

14389 

ArabicJjnjtaq ar-AA 2.5.10 

2013-04-23 18:00:00-05 


323.5 KB 

1231 



ar-AA joomla lanq full 2.5-lv3.zip 

295.22 KB 

4729 



ar-AA joomla lanq full 2.5.7vl.zip 

325.16 KB 

11979 

Arabic Unitaq ar-AA 2.5 

2012-09-19 18:00:00-05 

ar-AA ioomla lana full 2.5.5vl.ziD 

880.41 KB 

1155 



ar-AA ioomla tana full 2.5.4vl.zb 

285.1 KB 

4716 



ar-AA joomla lanq full 2.5.6vl.zip 

300.85 KB 

5928 
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Administration 


Site Users Menus Content Components Extensions Help 


*■» 


Add New Article Article Manager Category Manager Media Manager Menu Manager 


4 = 

Jser Manager Module Manag 

in © 


Extension Manager Language Manager Global Configuration 


Template Manager Edit Profile Joomla! is up-to-date All extensions ar 

to-date 


Joomla!' 


% 0 Visitors % 1 Admin » 0 S View Site O Log out 


▼ Last 5 Logged-in Users 

Name Location 

Super User Administrator 

► Top 5 Popular Articles 

► Last 5 Added Articles 


Joomla! 2.5.20 

Joomla'® is free software released under the GNU General Public License. 


Last Activity 

2014-05-04 16:56:05 


• iuibil AjvjLuall p~\u uj ujlilbal AiLuai jj (Extension Manager) <j^ k*^b ^jlj ^ 


Extension Manager: Install 


Install Update Manage Discover Database Warnings Install languages 

Upload Package File 

Package File | Choose File | No file chosen Upload & Install 

Install from Directory 
Install Directory (c:\wamp\www\joomla2.5rtmp 

Install from URL 

Install URL )http:// I I Install 


Install 


LL»S 4*11\ u&a! l-iaIj &aj Abe- tiLl£ J-asu (Choose File) (Package File) 6* 

: 4AZ1\ 4JL^I j ^u * i j (Upload & Install) iaxJailj 41J1L 


Install Update Manage Discover Database Warnings Install languages 
0 Installing package was successful. 


1 j'AyflV 2.5.10 b^ 1 b> 

Arabic Unitag Language Package for Joomla! 2.5.10 version 1 
bu*J' 4*2' b> ' .n . rtn ^ a: TinyMCE 3 2.5 ^ 

ja ar 4*® ***• ^-TinyMCE 


Upload Package File 

Package File | Choose File | No file chosen Upload & Install 
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< j s (Language Manager) ^ Jj^W <»Saa)l J5U <>j (Site - Control panel) <J^ <> 4 a£jaj)L pjii 

:Sj>uail 


Administration 

Joomla!’ 

Site Users Menus Content Components Extensions Help 

4k 0 Visitors % 1 Admin *•' 0 B View Site O Log out 



Add New Article Article Manager Category Manager Media Manager 



Menu Manager 


4 

User Manager Module Manager 




Template Manager 


© 


m 

IS 

Edit Profile 


Joomla! is up-to-date 

All extensions are up- 




to-date 


X 

Global Configuration 


▼ Last 5 Logged-in Users 

Name Location ID Last Activity Logout 

SuperUser Administrator 19 2014-05-0417:13:33 

► Top 5 Popular Articles 

► Last 5 Added Articles 
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Installed - Site Installed - Administrator Content Overrides 


Num 

Language 

Language Tag 

Location 

Default 

Version 

Date 

Author 

Author Email 

1 o 

Arabic Unitag (*>»*«» «*j*k) 

ar-AA 

Site 


2.5.10 

28 March 2013 

Dr. Ashraf Damra/Abu Nidal and Karim embarek/xmedia 

dr.d.ashraf@gmail.com / maxnew486@hotmail.com 

2 O 

English (United Kingdom) 

en-GB 

Site 

* 

2.5.19 

2008-03-15 

Joomla! Project 

admin@joomla.org 






Display #j 

20 ▼ | 




AJLuijil ujjjju flujjj AjjjxJI ^Lai 4 Ay\\\ { ^£> JaLualL ^ jAj 4J&jLuJ| qa 


Installed - Site Installed-Administrator Content Overrides 


o Default Language Saved. This does not affect users that have chosen a specific language on their profile or on the login page. 

Warning! When using the multilanguage functionality (i.e. when the plugin System - Languagefilter is enabled) the Site Default Language has to also be a published Content language. 


Num 

Language 

Language Tag 

Location 

Default 

Version 

Date 

Author 

Author Email 

1 o 

Arabic Unitag (La jdii±.jOi) 

ar-AA 

Site 

★ 

2.5.10 

28 March 2013 

Dr. Ashraf Damra/Abu Nidal and Karim embarek/xmedia 

dr.d.ashraf@gmail.com / maxnew486@hotmail.com 

2 O 

English (United Kingdom) 

en-GB 

Site 


2.5.19 

2008-03-15 

Joomla! Project 

admin@joomla.org 
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Open Source Content Management 





IJoomla 

Congratulations! You have a Joomla site! Joomla makes it easy to build a website just the way you want it and keep it 

simple to update and maintain 

Joomla is a flexible and powerful platform, whether you are building a small site for yourself or a huge site with hundreds of 
thousands of visitors. Joomla is open source, which means you can make it work just the way you want it to 


! About Joomla 

Getting Started 
(Using Joomla 
The Joomla! Project ■ 
The Jnnmlal Community 



j (Language Manager) 4-^ .sj&Lj. 

S^iuail jtji fuuij (Installed - Administrator) 




Installed - Site Installed-Administrator Content Overrides 


Language 

Tag 


Location Default Version 


Date 


Q Arabic Unitag 

O English (United Kingdom) 


ar-AA 

en-GB 


Administrator *£? 2.5.10 ^2013* 

Administrator # 2.5.19 2008-03-15 


Dr. Ashraf Damra/Abu Nidal and Karim 
embarek/xmedia 


dr.d.ashraf@gmail.com / 
maxnew486@hotmail.com 


Display # 20 
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.Default Language Saved. This does not affect users that have chosen a specific language on their profile or on the login page 
.Warning! When using the multilanguage functionality (i.e. when the plugin System - Languagefitter is enabled) the Site Default Language has to also be a published Content lani 
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fiaj 

dr.d.ashraf@gmail.com / maxnew486@hotmail.com 

Dr. Ashraf Damra/Abu Nidal and Karim embarek/xmedia 

March 2013 28 2.5.10 
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ar-AA 

Arabic Unitag O 1 

admin@joomla.org 

Joomla! Project 
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en-GB 

(English (United Kingdom Q 2 
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:Sj>ua]| ^ La£ SiaU j^Jaluij ( jaJu/jUlkl)jj laiLualb ^,jAj d^Pl la£ 
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ixjj ^ UU*-uaj jSj (j-a) Uu*i4 ULLu£ AJlLxIl <j aasiu ^g>j)4%4^ jj jUiJ Sjj-ua]j ^ La£ 


La£ 4u2 j^Jalui 



:Sjj-ua]j La£ A^iuall j^ialuuj (Jp^)j A-lUju ^ jIjj A^jLHIj A^l -\lj A^WaU Jjxluij <j^j ^4 jU^J £1 j^Ja ^ 1 \ CjVIaaJ) £>4 


Example Pages Site Administrator Sample Sites bajijifili j'jj dL^ IuLob. wijJ* 


;Au]U]| AjvjLuall jgJaluu (La jl jj£H\ Jl jj Jja) A 4'iUll j j ^Ic- jaLLall -lie* j 
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La£j 4 a\WW (j$\ i jxj 


“3 ^ 


;S^ 


445 *-?Ji 

446 

443 ji**» 

455 c-M 


i--o* 

* 


j-a* £ ji 

i>u)l ^.yjJ, « ^'i'iil, 

* * ^ ujiai ^ djY*i4 

Jju J-L* « >liYjJi 


PubSc 

Public 

Public 

Public 


O 

o o 

o o 

o o 

o 

o 

o o 
o 


CjZI 


CjZ] 


\UD 


© 

© 

© 

© 

© 

© 

© 

© 


(homepage: ^-Y) 


(our-serv f-fli) 

Wj 2S3 « Jjj Jj- 
(about-tech-pio ^-y) 

Sample Sites 
(sample-sites ?-Y) 

Parks -| 
(parks: f-Th) 

Shop 

(shop:>s-4 
Site Administrator 

Example Pages 
(example-pages ?-y\) 


□ 

□ 

□ 

□ 


— 44/8*1 ^xui2) cf&J ^ 4_aP j2 j-uaUp ^Jaluuj (^LuiSVl) 4_Ajllii ^ J^ju <jVI ^jj&iui d!^! Cf Jj La£ 

^jVl CjjjJaaJlj .^uu^b 4 £jLuu (b5 ^)j 4i^l IftbLuul ji ^uijjb ^jjiLuuj Uft 4_Ajllii ^ j£ .( 4lb^]|j CjK u*ill 

.(Sample sites) ^ 

yj£j £)| Jjjj UjV Jajjj ^jjij l£jli 4£jl Uft ILil <jlajal| j cJ^*-a J UI Qxu £ Jjl\ lift j CIjjIjI <j| jlc-) ^il 4^bL&]| £jj jjjxj 

.(^Luufll)j</iitti (jAua 4 ^ja 1 a ]1 j^allall ^j^Ia 

. JP^b ^ 

:Sj^-^l ^ U£ Jji*IIl i*j Ji^Ul (Sample sites) j-^^1 ^ jiloi 






)#? Ji CiiJD; J>jb| 

* ijLi'jJ J --'•-. w jj 


□ 

4-sV' 

* 


1 

1- 

_1 

.1 

-Mj* 



.Sjj^ail ^ U£ (Parks) J^akli JSIIj ,(<jp£lj iai^) f 





MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 




















































Y ^ A 


L ^ (Parks) 

,(4^£l£ 4s>j4%4) ^j jjj*j 

.(^Slj-dl ^xal^aj ^uu£) ^Ji ^uiVl jmi 


.jUluid) ^UlVl J44JU 


# (A-ijjji£jvi jSijaIi ^4^-i) ji ^g>j4%4^i jUni 
:ijj^l\ (jl La£ (jjSlui 4 JLLuJ| Cjjjjaail joilj ixj 


A^iktii ciUi^yi ▼ 



JaJfll 



w; n 


* 2u£3d‘ j -*•-■ v- jj 

▼ sijjffi/’ 4i>»J ji*-b: 

* i^Z j A -w 







C® J*J* (V u, ^ ^ 




i_ 

webdesign 



Lo£ (Jp^)j iai^) ixj j^aaxll j£Jj UJ^J^'J 



:Sj>ua]j ^ La£ l^iLut (jjLtui jJ]| laLuall isuj 



QjVu mj jl ^g>j)4%4^b ALjjj (o^I jaJ) ^ui5 ) A^uij jjjjlL ^jAj 4 JLLuJl ljI(S hop) j^^di JSHj 


^ La£ 


i*jlkdl ^i^'p ▼ 





_ | graphics) 

j» ■ ’ -i'jUi < 


-ju^rJt 

* -L j c- jj 

* 4d*j‘jH 
jJULoxl* 


:Sjj^dl La£ A-4j11]| j^aasJl JLui 4 (Jplc-Vlj lai^II) -Ixj 
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Example Pages Site Administrator 






uSsfi tJi _ _ |_ 

Bpecrra 


;Sjj-ua]j ^ La£ ■■ Aalg- joLuall ixjj 



•^JUlb ^,jAj li& J-43U ^jAj (a5 £j j Luajj ^LuJhn j*ualg> lLl^j A^j-lia 0J%J (4jU-ua]|j cjlLu^i jA j -L.1^ ^uu£ AiUaV ^jU 

A-ajli Aibial — Main menu — A^ULil) ^£a2II ^ 

# (A*aJ^l£ Ag>j4%4) A 4 iUU £ jiii jblkt 
.(AjLu^JIj Cjl&xuJi f*uii £-baj 


.J 1 


^j-ul J-uaj 


.(^Lu^SM) (^Vl jo/awti) jLA <jg- ^LuiS^I <j-a £ji£ CjblJPVI <j-a 

:Sjj^a]| La£ LjlJjjg'VI J^ui (j j£j-uj j 
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^Luli jp jjJw | h 



* i-lj'Ji' j v- jj 
* i_uj'jji 

_ j" _ I^l_Zj_L'lf' 




i ndex. ph p ?c ptic n=cc m_DC ntent&view= category 


-LJiJh 

yj 


Main Menu 



T ^|3jj jii 

I 

c_iijjn j. j.ir. j'. - 

ULk^L- 

<±kjlj£3> j jj q_ji - 



_T_ 

, r _j ___ lui :_ i — 


- - 

Site Ad m i n istrator - 
Example Pages.- 

* 

- u -“= 1 '' ' ' ■ 


0 


* £jOJ jll 

j ,h'»t !■ 


2 ■. 1 - 5 , _T l 

iiS. 





. ^ La£ j£-ui (dP^V^J 



•Sjj-uaii U£j A-luujj]| j-uaUp SjjaJb <jVI ^jliui 
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▼ Main Menu 




435 £*•*» 

294 £•*»* 

233 e-e> 

238 H 

445 jrmJ' 


★ 


SjiAik >IjY jJi m 

A£ji>i ( OYjJl 

j> Ji. < ^HUJi 
Oi j» Jljic 
L- jAa J g •JJY'.Ul 




Public 

Public 

Public 

Public 

Public 

Public 

Public 

Public 


O 

o o 

o o 
o o 
o 

o o 

o 

o o 
o 


ct: 


© 

© 

© 

© 

© 

© 

© 

© 

© 


(homepage: ^P) 


(our-serv: j-i-4 ,»-Yi) 

Vj^Jj 35 ® j jj 4 j* 
(about-tech-pio:j-*s^4 ?-Yi) 


(webdesign ijbu-Ji ^Yi) 

(graphics ?-Yi) 


□ 
□ 
□ 

'-fr □ 

□ 

□ 
□ 


(net-mant :>i-4 f-Yi) 

Site Administrator Q 

Example Pages q 

(example-pages ^-Yi) 


Cjlg» j)4%4lj jj^a] uU^)b J-43U j Jljj jbii) <j£)VI ^jllui la^U La£ 

pjiil (jA (jjLisaij A^jLuJI AuWI (j-uiL \) ^udjj A4~iUli jj^aUxJ Jjjuj l$j4.un jU^Sfb (^ui£) Jj. 1^ Ag>j)4%4 

•fijj-uali La£ lj! JlJC-Vl (jjilufj Ap j)4%4^ 


^.uijgyi ▼ 


AS j « > » * ' <^iljUi 4 
.-j ^ 4 

jUull 4 




j!_jj JuiJ 


newsj 


n 


index. php 7 option=oom_content&view= category 




:Sjj^a]| ^ L*£ j-Jl ^ j*uakJl JUu £j£j-uj J 



jl Apj^ 4 jU£Jj (-0^ J^») (Example Pages) 0^ Uj jll fL2uV <uMll jjxj 

^ La£ (j j^Iuij .(IL J^ajj) ^j UULuul <^1 AjlL^I (^) 


* J-“ jfi' 


wiYIAaII 4 

Vj» &#s-s-tM 4 

Adfci-flJ 1 Jaj- 4 


L 


index. php?option=oom ot>ntent&view=artidej 


J_udr.ll 

* iuiijfi j.n'T. w jj 

* iuAa?-» 


UuJi 
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:S^ U£ 4-Ajliil jS-ui ^jIluuj 



;Aa]U]| 4 JLLa]| j^Jsj (IL J-uajj) ^ic- JaaLuall .ilp j 
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jlaLi 9 i.isui 

AaLaju ^ jAj (> _ y £Jj CSS-Si <^LiLa ji c-aIHII CjblJC-l JjjjL till jj ^La ja J-axj HaliaL <j^lkJl l-aMII ^ic- «ljjj La JjJajj AitLal lUkaj 

.fijjjj jLluJi jUjL Vji ^jij jL-uiij jjJu 

. jIjujj l_u£jj ljI jlak 

# 4^1jLuu Aailk ^PNG) jP jy J-* akj (^ ^ lix2 j^aj ^alkij j “J ^a^j 

jlokJ Aij^aJLs (j^alkJj .iKaII Jkb :JLII jLuuaJl ^ lLI^IxaII ^\ IfrllL ^ jAj j (logO.png) Ajauuj ^jAj 

Jkb ^11 \ qu * j 1 (styles) (images) fS j*j (shaper_spectra) ^ (templates)***^' 

ji dia^kiil j^L-L Sj^al! jfla2 ^ lilj 4 _LL*-aj f (jt*^l) Sjj-^1 jjuJ ^ .(style8 ^\.. style3 - style2 - stylel) 

;Djj-uall Lx£ jljLuiij Jkui .(reload - 4_a*iuaJ JjaVi dJl&i) J js£> 



tjS ^ (shaper_spectra - Default) ^ (yJIjill jjIa) 4a jJ) <> 4 j o^alki) jUJ^I l_u£jj ^ 


4» 

44 

Sjs'—d. 

Rb 

ilitjUaJl 

3 

& • 

d—■in jii d}J»3 

JaLjjV' ;ljII jaI' jj-ia 

inn 


Jljill Auftl 


▼ - JLti JUk' - j ▼ - >- JB - | jjjjJil aj j.j | | | lijM 



j*- 4 

<^ja* 


J* 4 * 

buJfy 


3 

© 


Atomic 


Atomic - Default ■ ■ 

□ 

6 

© 


Beez5 


Beez5 - Default 8 

□ 

114 

© 


Beez_20 


Beez2 - Parks Site K 

□ 

4 

© 


Beez_20 


Beez2 - Default ' 

□ 

2 


* 

Bluestork 

-** 

Bluestork - Default * S 

□ 

5 



Hathor 

** 

Hathor-Default ' 

□ 

115 


4 

Shaper_spectra 


^|shaper spectra - Default|| 

□ 


▼ 20 JbJ, ils 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 
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:Sjj-ua]j (jk La£ Aj 4-ualaJl CjUIjpVI uJlUl ^uul JdLuaJi -Ijlj 


Basic 


|yj Menu 


^ Fonts 


«2 Menu Assignment 


/■^ Advanced O Help & Update 


Pow.rod By X Helix 

^ IKAMIWOWK 


# Image <§> 

Logo Type 

TechPic 

Logo Text 

TechPiol 

Logo Slogan 

a 

Logo Width 

_ 

Logo Height 


Shaper Spectra 

.Joomla 2.5 Template by www.joomshaper.com 

JoomShaper 

.Premium and powerfull Joomla templates and Extensions 

http://www.joomshaper.com 


LoS ^ jIjluJI ^jluij AjjIjlaj ^jAj .Lid J^u£j (i * *) ^ajaJj jjjjuj Ua£ jtuuil d^l Sjj-uail 
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(CSSJI <—JlBJI tlilAla ^ Jjisull 

uiVVb 4 ijSSfl <jV biajjj CSS-Si ljUIaj 4 _uL» ILlc-j ^ jaj ^LualkJl uJljUl £)Vj J-aJb ^^ CSS-^ bjlIU JjJju]) lUkaj 

/tLjflUj Jjjj Jjkli Jj-uajH AJLui j £>* 


:<^UJt£ <^Aj JjJjlUI 4jUfr (jk Ujg>Luilui <jlaju ^11% u+i CSS-^' 4*L LnSja-aj Ujj^kJ AiLualj 

.jLj j^Ujj 

,^jj£ jl jti 

.JajlJI <> l^ljj fljj .(Firebug) »'■>' 


4 _ 4 jliJl (jJjUfr Jjj*j 

Sbl 4 alp jSL ^jlluij jSj-aJb <—lSHSL ^LualkJl CSS-^ bjtila j ^£> JjJaulL life ^jliui 

.LL o^aLkil (Firebug)-N 

:(S^ Sjj-ua ^Ic- (jj-aJj SbVI *bJbJl Sjj-uail ^ Ia^!>U 



: Sjj-ua]| t< Ji L*£ jJ j-Jl Jiuil SisU j^Jaluij (^>u£j^jjli) ^Luala SbVI laxJalb ^j£j Igolc- J^aJb f iollj 


<■ a localhost Jcomla_2.5/ 


- Google 


p + *•>'- «□ 


jj La.jlJLi.t t LajJjj&lt ,jja LjLala 


iln jIonI I bngjgi^ul -ilgjJI^ _& 


TECHNOLOGY PIONEERS 


TECHNOLOGY 


HTML - 

Edit body.bg < html 



<!DOCTYPE html PUBLIC ’-//93C//DTD XHTML 1.0 Trans±tional//EN" "http://vvv.v3.org/TR/xhtmll/DTD/xhtml1-transltzonal .dtd"> 

Q <htxnl lang="ar-aa” xml: lang="ar-aa" xmln9=”http://www. w3.org/1999/xhtml” slick-uniqueid=”3"> 

El <head> 


clear: both; 
content: ” ”; 
display: block; 
font-size: 0; 
height: 0; 
line-height: 0; 
visibility: hidden; 
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ijk La£ jJujlj jlc> h* ^ * SjU j-uij-« j£-ui jA jLuuij SialUl (j^ jjJI £}*j 


LU5' 











A. 


uloglgoll LngJgi^il ^IgjJI 




TECHNOLOGY PIONEERS 


TECHNOLOGY 




► | Edit 


^ I ~ 

a.menu-item 


Console HTML <•> CSS Script DOM Net Cookies 


Q®l 


li.menu-item < ul.sp-menu < div.sp-wrap < div#hornav.dearfix < body.bg 

□ <ul class=”3p-inenu level-0"> 

□ <li cla33=”menu-item active fir3t”> 

E <a clas3=”menu-item active first” href=”/Joomla_2.S/”> 


na 


□ <span cla3a=”menu”> 

<apan claa3=”menu-title"> 

</a> 

</li> 




Style ▼ Computed Layout DO 

thomav menu.css (line 26) 


li.menu-item 

> 

a. menu- 
item: hover, 
fsublevel 
ul.level-1 


£#ajA\ { J^> Si jS?Li ^LuaLkij SisUii £ja j J-asu ^ j&j jxuiUij -Iju (4_u*ojj]|) jjJuUib LLa 2 Sjj-uall Ma. £ja 

j^Iaj SiflUil (jiAj I (menu.css) I ^ U£ CSS-M ojjUaJb (id) -SI jl 

La£ (Jhxuilb uftl&li £)Ha) t flblb ^aLiJj 


fP 

yQQ 

3rnav.dearfix < body.bg < html [0 

Style » Computed Layout DOM 

>■ 

fhumav menu.css Nine 33) 

ul.level-0 

>■ 

□ 

L-.4.4...., ■ ■ 11 L-.-1 .■ 1 ..... 1 

^ 1 


s 

riup./i lULflinuik- juun lcti ijjmLcv ^rmpci_LpcLLi a/ civ rneriu.u 


□ 

> 

a .menu-item, 

£sublevel 

ul_level-1 

> 



templates- -*4^) j^-^l ^ menu.css <> cfe^l UjIIaIj U£j*j Sj^ali ^ 

:Sjj^I ^ U£ uAIaJI 4J jLLa]| £l£^l liua t fib! ) (jIIa] ( css — shaper_spectra — 
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▼ Burn New folder 




i== ^ eb # 

Name 

Date modified 

Type 

Size 


£ PIE 


File folder 



£ styles 

T*U/*0hTp.£;n 

File folder 



T css3 

X*)U*0/)X ^ »I:TH 

Cascading Style S... 

6 KB 


" custom 

t 

Cascading Style S... 

4 KB 


IE7_only 


Cascading Style S... 

1KB 


IE7_rtl 

X*)L/*Q/)X ? ♦L'TC 

Cascading Style S... 

1 KB 


^ iecss3.css 

TOI/*0hT^*i:TH 

PHP Script 

2 KB 


[*j index 

r.iiAomp.fcn 

Firefox HTML Doc... 

1KB 


Tl joomla 

X.)U.0/)Xr -£:TS 

Cascading Style S... 

14 KB 


menu 

roi/*o/ir,>.i:n 

Cascading Style S... 

5 KB 


modules 

T.U/*0/U^*Ln 

Cascading Style S... 

4 KB 


system 

X.)U*Q/)Xp -Ln 

Cascading Style S... 

4 KB 


template 


Cascading Style S... 

7 KB 


template_rtl 

X*\L/*0/\X^ ♦LTH 

Cascading Style S... 

6 KB 


typography 

X*)U*Q/)Xp, •tn 

Cascading Style S... 

8 KB 



;A u* 4 A_Lual_k jjjSu ^jL La JjJjuj jlxuiVI (j^axj JaaJlj A a'iUH j^aUc* j^a (jjoaViI AjLuaiui ^illj Jj£Jl LL-li 

font-family:"Times New Roman", Times, serif; 

font-weight: bold; 
font-size: 15px; 

SI S$\ <j -a Ui jLula]| u,u„*a A a'iUIIj A^uaLk l^i£j ulyj ^Sil jlxuu^lj t ^ jlxutll JjaHjj jijj t aIaII ^2sl ^jlj d^Pl Sjj^ail ^ La£ 

: Sjj^aII La£ t flUII 


23 

24 

25 
2.6 

27 

28 

29 

30 

31 

32 

33 

34 

35 
3€ 

37 

38 

39 

40 

41 

42 

43 

44 

45 


#hornav ul. level-0 > li .menu-item, 

#sublevel ul. level-1 > li .menu-item{ display: block; float : left ; margin: 0; padding: 0> 

#hornav ul.level-0 > li.menu-item > a.menu-item:hover, 

#sublevel ul.level-1 > li.menu-item > a.menu-item:hover {background : url (.. /images/hornav_active.png } 50% bottom no-repeat; 
font-family: "Times New Roman", Times, serif; 
font-weight :bold; 
font-3ise : 15px; > 

#sublevel ul.level-1 > li.menu-item.active {background-color : #000> 

#hornav ul.level-0 > li.menu-item > a.menu-item, 

^sublevel ul.level-1 > li.menu-item > a.menu-item{ 
font-family: "Times New Roman", Times, serif; 
font-weight :bold; 

f ont-3ise : 15px; color:#fff;display :block; line-height : normal; text-decoration: none; margin: 0; padding: 15px} 

#hornav ul.level-0 > li.menu-item > a.menu-item, 

# sub level ul. level-1 > li. menu-item > a .ruenu-itemf 
font-family: "Times New Roman", Times, serif; 
font-weight :bold; 
font-3ize : 15px; 

color : #fff; display : block; line-height : normal; text-decoration: none; margin: 0; padding: 15px> 


:Sj>uaJ! ^ La£ CSS^ *3$ JjAxj ixj <LajI£]| JLui 
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LL> jI.jj jUii 1 n^Vt 1 i\jj 1 ril 


iLoglg.oJI LpgJgiSil ^IgjJI ilk 


TECHNOLOGY PIONEERS 


TECHNOLOGY 



^ La£ 4iL ui <j j£j*ui j .^Laj^ ^Uaj J-«l£ j-a Ujii jaual |JL£jj 
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Uj JJl_jj jbii U^jJ jX~.1l j| JJ l til, A 1T> AomujjJI 


."iln glonl l LagJgi£U ^IgjJI £ !J j 


TECHNOLOGY PIONEERS 


TECHNOLOGY 



...JtU’.Lp^Y'j ZAnA\ JSLjj £»*J ^Luoj l^xui <«jJl iLtaJtj *^LA* o* 


• •• 





Ua^jiSil* Jljj A- Aji-L* 
w va^=ila 

^ jjjSJ’/' j 4ii_>j2uY' m'jaI 1 4iLia-i'j 

tlAjUi -iC . 1 ji- Aj^jinl - ^jjlau - Ajj'ua . 1 - Ajd.j j ' xi'jdft 
AiA.i j dj* 1 jLj - I aJ_^« %1>J2Lg-| 


Urf J*Ojl 

.j.^u.jijiajijj 

00967714490030:j>E 

00967714490030:.^ 

en_yusuf@yahoo.com: ^j J^rjn jjjJi 
714490030: Jj» 

^•'uOJ^V 1 ‘ Ti.-wi.-'jir. ji 

<0 * f 


Jd4d3 


SjLa- J>-= 


o < 9 h 




► HO 4:14/0:00 O YolBTO 


^ Helix 

^ FRAMEWORK 


Copyright® 2012 Shaper Spectra Demo. All Rights Reserved Designed PyJoomShaper 
Valid XHTML and CSS 


( lg-u£jli ^jiluu jaII 4-algJl CjliUaVI ^aau LLii ^Uil f jaJl ^ 
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aicUiAlll CiLSLia 

JjjJ ij-4 dtiAj J-ufl jjI] jAla> ^ajji J-aaJ ^LaS jj-a dUA .SjJjLua ijjjklVI JjjJ) jl ijaII j!>tk (j-a Sj-uiLla J^a jj *tLujj jJijjaJl ^ ^LbJ 
JjjJj liA ^jufllall (j*zLju)}\ AJLuij]| JLujjI ^jjj JjjJija]| liA ^j-salk ^jjjj£J1 Jjjj £jjjjuj ^La ja j-aJ| ^UaJ 4 _u£jj ^jj SjAla* 
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,a jjj^all ^3 Lo£ CilJl JfrVI j (Aowujjil) 0oiu 




jijai! 




JlLJI ^Ul«l 





4 



^Jj 31 £ji *\jAi. 

4 



—ljUi 

▼ 

[io 1 a. 

.jk^i . jj. 



H O 

'i <S> 









j - i . ;•, - 




Ajtl~it«1l >^il «111l ^iljua. 

4 


c 


n 


ji ndex. ph p?option=oom_content&view=featured 
▼ | 
[▼ Public | 


Main Menu 


' 


,V i-la 


* ^Lojjf* j-AiZ, W jj 
* *^j}l 

j. tl >— V' 

UJ 

Jj—j> 

* AjojjJ J-Sja 

? Vl 

Sjafj]i jsjj iL_^io 


JajjJu jLui +ij ^uuj AjULi Aai^a (jjjjC- ^ j (A ^ajP CjljLk) lj! jLujj d^pj Sjj-ua]| ^ 

La£ Jp^VI j laiaJl Jju ^ij^xll 


* T *S iy Pioneers | LstjJjj^uJI iljj X ^ io | CjlajJaall La^Jj^iii. jIjjJI x T M 


G D lacalhost/jQomla_2.5/ 




XiA^All ^LLlJI 2\£L<bl 

♦♦ # ♦♦ ♦ ^ 

J-A*Jj A 4$ all j j-aLj A^aLkJ) Aj^llgall c-slalHI Aitua^b ^Lc- Jkub £2j^3l uLuaj <Lalc- ljULj AiUal jS j-aI 1 A a$ aII CjbLJi qa 

^jk La£ qj£1uij (A*al*Jl Cjjjj^V)) ^Viti A^ji J^lk ^ ^3 
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* jSpp 


ri) 


Technology Pioneers | Ua.jljiO' 

? <§> /UU O 

JltaU O ' ±U->J JjtrnSJ (•) *ttaJ Q 



j-" «* </ br>.a_j 

JLJt-I—j 1 J i_j 1 t^lt : 1 i ij j Jl. » < J_Sj t 

aj. j «ii 

ukjS <i’jj J>Li. xi_^J <j_ j 



!>£_& . Jj-'J Ci_9j y-i »J L_jj_i 1 —j 




' * ih7i J [ 4P* 3 j tP* U-tj >jy* 



▼ Editor - JCE 

* jj^ 


T ^d 

* ^-Jo' JOtf' JiaJJ 

▼ 

Public 

* jy-A 


▼ 20 



▼ 10 

^ J&P ij jaiV> ijiijK ja. 


▼ ^ jsJSf ^ 




CA aKU) AuL JiaJl (jk .Jja, 4-alc* SIlS ^jjjla-uj jj jlxuu JjiaJl *Ujju j^Ii AaiuajJl CjULJI) JlaJl ia^V d^p) djj^l ^5 La£ 

# 4uS lj! aKti diA .laj AjU£ cliaj AJbv ^ LL <j^aLiJi jjjj <ji Ca^jJi CjIaHII <^A j Jj-uaLa Cjlal£ ^A j (4j%11$all 


ioail ^ Lji Lull 

♦#♦ ♦♦♦ 

j) ljIp ja^aM f Ij-uj Ma l_u£jj fUjj lAUUal Luaij-ua^j AaJajjlSVl CjULnij <j^a j-Jl t ialajj (jA ±A$ 4ifcUalj ji \ja!\ jij JjS 

.(diVJJ-i \Ja1\ jjJLa) (Cj^LLaJl jj.la) JMii (jA ljULu]| diA t i. w ; ^jliuuj Ci^LLali j\ CjV j-aJl 


gfi)U |)a aamij y it 2 

gS^aJf oa fL Lj 


4aiasu £jVI ^ jAj ^jL La Jj-Ixjj AiLualj CjlituaVIJ Aj^uiLuiVI CjUjIaJIj jjJ j-aii <—u£ja j liaSj ^La ja, AJouiIjj fLuuj 1 nfl*nl <jl -Ijlj 

Luajj jSj-ail CjUUj dJ&lij jSj^aJl Cjllla ^jaVi Aulaau AiUaVl dJA ^jj&jj jSjaII S-b-lp AiLual jSj^aJl Vi 4jtaC> ^ ^Hadui # £2jj| 

.A^jj uftla (j-a-ua 


(com_akeeba) 4i^! 

.Aijjiall (JCE) jjAaJl uuSjj AAjjL ^alL AiLuaVI un£jaj ^.jAj 
^ La£ (Akeeba Backup) ^ (dillukil!) 4 a ji 4^13 ^ 
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(jjiluj tillJ QA f ^ 3 u jjij ^ic- laxuall ILlc- 11 j AituaVb A-ualaJl (jojjjill ^ic- <l2l4-ual^J! AaL^I ^lu-u 

•A«jJLjJ| bjjJ j A^^il j^xj 


Rb 


44 

44 


Akeeba Backup 


p 


Switch Profiles a ▼ Default Backup Profile Active Profile: #1 

Status Summary 


Basic Operations 


Akeeba Backup is ready to backup your site 


—0 


in 

c 

© 

l 

ft 

Scheduling 

Information 

View Log 

Manage Backups Backup Now 

Configuration 

Profiles 

Management 

Configuration 

Wizard 


(Akeeba Backup Core 3.11.0 (2014-05-06 


Donate via PayPal CHANGELOG 


Reload update information 


0 

Component 

Parameters 


Exclude data from the backup 



0 

Database Tables 

Files and 

Exclusion 

Directories 

Exclusion 


Backup Statistics 


2014-05-15 

21:02 2014 J4 15 Backup taken on 


Backend 
Full site backup 


Start 

Description 

Status 

Origin 

Type 


Watt jgJalujj 


u 

Backup Now 


AJjjLSn (jjlij (Backup Now) d^\ S qa 
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o n 


Akeeba Backup:: Backup Now 



Control Panel Configuration Backup Now Manage Backups View Log 

Start a new backup 

Switch Profiles a ▼ Default Backup Profile Active Profile: #1 


Short description 14:06 2014 J* 17 Backup taken on 

This will appear in the Manage Backups page for your convenience 

Backup comment 


This will appear in both the Manage Backups page and inside the backup archive (in the installation/README.html file) for your convenience 


Restore default C I I Backup Now A 


O it 


j JjjVI jJJl Jai-ualb ^ jAj 


Akeeba Backup:: Backup Now 



Control Panel Configuration Backup Now Manage Backups View Log 


Please do not browse to another page unless you see a completion or error message A 

Backup Progress 


Initializing backup process 
Embedding the installer in the archive 

_ Backing up databases 

Backing up files 
Finalizing the backup process 


C:/wamp/www/Joomla 2.5/components/com finder/models 


Last server response 3s ago 


jjzll 4 \\aG’ j j-Jl Jib JUj AaIaju ^V Uolc- laj Aolc-j jjzll A1a\S 4\un JaP JMl 

jj^ia AuLaxli fJsuj MaI£ 


Control Panel Configuration Backup Now Manage Backups View Log 


Backup Completed Successfully 

Congratulations! The backup process has completed successfully 
You can now navigate to another page 


Manage Backups Q 


^ us 4 jh i n-> yt ■ui^i (Manage Backups) JjjVI jjll ^ JaxJaiU JiU 
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rrt 


Manage & Download 


Profile Type Origin Status Duration F'Start Description 


ID Q 


site-localhost-20140517-140650.jpa 
Part 00± 


Mb 72.94 1 Full site 

backup 


Backend ^3 


00:01:17 2014-05-17 14:06 2014 17 Backup taken on 4 □ 


JjJjj j ( ^ ji AJLuuIl jLuu jjJl £ja JjjIL ^blll ^j-uu Luis- b»j j^b A ^laJl A^uall UL.ll 

AiLuall 

id ^ La£ ^ A^uaii jiL 


Organize ▼ Include in library ▼ Share with ▼ Burn New folder 


i== - eh 


^ Favorites —i ^ame 

E Desktop i_ ( site-localhost-20140517-140650.jpa 

Downloads 


Date modified Type 


T*U/»0/W ^ *0;To JPA File 


Si1 j <_$djA \ $h* Sa j A^uoJl JaLuaJi Si ij^H jijJl JJa jlc> uaajjj A \\%A 4*usi\ JaijiLuia uAIa d^l djj^l ^ la^U 

•ibbA (ji Ai^bJl .(AkeebaExtr act Wizard) SlAl ^ j ^UIaII <>» ii$J iaLiail dd A ^^Vb Sbl J uVL ^ jlbu 

.AujjjlII AsLlib ^ UJjaj jl unL&li ^iiui 


^ La£ j^ialuij 1 $ \\i Am ^jAj jl^]| $bVJ JjaVi -Ijlj 


HD Akeeba eXtract Wizard 3.3 
Extraction Options 
Archive file 
Extract to folder 
Password forJPS archives 





n Net\Desktop\jt>om I a\site-loca lhost-20140517-140650.jp a 


C :\ U s ersWem en N et\ D es kto p\j o o m I a\site- 1 o c a I h o st-20140 \ |_J 


Ignore most errors 

n Dry run [test without extracting anything] 
Extract! 


Extraction Progress 



a d m i n i strato r/co m p o n e nts/ co m_te m p I ate s/Vi ews/te m p I ate Am p I/d ef a u It. p h p 


Copyright ©2008-2011 Nicholas K. Dionysopoulos / AkeebaBackup.com 


iaLuall .la ijLuxaII < Ha1\ <j\Sa (JmH ^i Sil\ plu a j lj 1SLa jj! oJjiau ^jj ^lol! jbaJlj .A^ubll b-Ua. JjV! jbaJl ^ d^>\ Sjj-ual! La£ 

.(Extract) jjJt ^ 

La£j jjbb A-ual^il A^-util! A-aS ^S\ uJblj 
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Organize ▼ Q Open 

Include in library ▼ Share with ▼ 

Burn New folder 



Favorites 

Name 

Date modified 

Type 

Size 

K Desktop 

J* site-localhost-20140517-140650 

r.'li/.o/WfO*) 

File folder 

— 1 

^ Downloads 
< 2 § 1 [ Recent Places 

Q site-localhost-20140517-140650.jpa 

Mi/«0/Wn«0:T0 

JPA File 

14,590 KB 


jj'.W.j Jjjjla (jfr iiUjj ^jAI Sj4 Jdua2l 4 jWj (jVI ^jij ,Ja.iji—laJl 1 »Uti lYt 4^ mill A2 Ja^5U US 


:»j>usJI US .(Compressed Zipped Folder ) <^l JUijl £ 


Organize ▼ Open 

'if Favorites 
■ Desktop 
|j|. Downloads 
‘ Ml Recent Places 

'Libraries 
(3) Documents 
J*> Music 
H Pictures 


Share with ▼ 
Name 


% administrator 


} cache 


J* cli 


i components 


t images 


I* includes 
± installation 
, language 


Type 


=L 


Share with 

Combine supported files in Acrobat... 

0 iftlyk7..iL wla-js.1 ^<a*i Avira 
Add to archive... 

§ Add to " site-localhost-20140517-140650.rar" 

Compress and email... 

Compress to "site-localhost-20140517-140650.rar" and email 



> logs 

Send to ► 

l J b 

Homegroup 

i media 

Cut 



E 


j modules 

Copy 



1 

0^ Computer 

i plugins 



m 

SL Local Disk (C:) 

i templates 

Create shortcut 



3 

r m New Volume (D:) 

j tmp 

Delete 



3 

r i New Volume (E:) 

configuration 

Rename 



9 

r 1 New Volume (R) 

htaccess 

Properties 



& 

| iPhone-^bJYem 

T> index 



- 


1 


□ LICENSE 

T.U/*0/Wp .0*1 

Text Document 

18 KB 



Network 

□ README 


Text Document 

5 KB 


0^» YEMENNET 

l j robots 


Text Document 

1KB 



Q web.config 


Text Document 

2 KB 



Compressed (zipped) folder 

Desktop (create shortcut) 

Documents 

Fax recipient 

Mail recipient 

Skype 

TeamViewer 
DVD RW Drive (6:) 
iPhone-^UllYemen Net 


^9^11^) 


j) PHP-? JjaJaol] AoLaaJ A^jLula jjjli aAac. d jAlaJl UlaLuaj <j-a ^ ^ J “* lia2 <jl Jju 


yj£j jaII oC jUUj S^li J-axj ^jlj j Alal£ Ljlilal] jaLuall djL ^jS ij-aII ^t*Jl aIa a!\ jj jSj-uii] jij Jju 

.(JjtuJl ^lj) CjUUj fLuuj AjLjIa L&xuta UaIxj j .dJPlUl AJajLuxJj ujULnij 

16jjao1\ La£ l_u£j 3]1 j^ialuij <j<saLaJl JajjjJl jj qaa jiij ^L^sIaII uo&ij CjULnij J-aC- -Uu 
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ANGIE - Akeeba Next Generation Installer Engine v.3.11.0 


to Start over Cl Check again -► Next 


No idea what you are supposed to do? Don't panic! 


■ Read tfie documentation page I ■< Watch the tutorial video 


Pre-installation > Database Restoration Q > Site Setup > Finished 


Pre-installation check 

If any of these items is not supported (marked as No) then please take actions to correct 
them. Failure to do so could lead to your Joomla! installation not functioning correctly. 

Setting 

PHP Version >= 5.2.4 
Zlib Compression Support 
XML Support 
Database Support 
MB Language is Default 
MB String Overload Off 
INI Parser Support 
JSON Support 
configuration, php Writeable 


Recommended settings 

These settings are recommended for PHP in order to ensure full compatibility with Joomla. 
However. Joomla! will still operate if your settings do not quite match the recommended 


configuration 

Setting 

Recommended 

Current 

Safe Mode 

B!1 


Display Errors 

[23 

[23 

File Uploads 

□ 

O 

Magic Quotes Runtime 

[23 

23 

Magic Quotes GPC 

[23 

[23 

Output Buffering 

[23 

23 

Session Auto Start 

[23 

23 

Native ZIP support 

[3 

^3 


Current 

m 

m 

m 

m 

Km 


Backup Information Site information 

Copynght ©2006 - 2014 Akeeba Ltd. All nghts reserved. 

ANGIE is Free Software distnbuted under the GNU GPL version 3 or any later version published by the FSF 


• AolUli 4j (Next) JjjjVI ^ j£j AAjLuJI 



. jluaij JjiaJ! ^ 1 a JMk CjULnij S-iC-lL J-aju ^jAj ^ 

,(^aU£ djU) cjUU^I : Database type 

AjU£ ftA iSij cjULnii Sj&I 11 i . : Database server host name 

.LjULnil SjpI 11 : User name 

: Password 


cjUU^I ^m\ urn Ua : Database name 
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uk La£j A jJaluij (Next) jji) Jai-ualb ^jIj j u±i£jSil A\\a& J-ual jj A ^Wal) jLuij { J^> JjjlaJl ^1a Jju 



^k La£ A^Luoij j^Jaluu fI^ ojVI ^suj dJJjAaJl CjULnij SiC-ll CjUUj Jajj Jtuaj^l J-a*J d!^i Sjj^all j^Jaluj 

*4alU]| Sjj^all 



A^L^l) j^Jaluu .(Next step) jjJ) JaLuaJL L_u£j!l]j AuIajlII ^Luj MJLuijJI j^Jaj o^te-j 


,iU£ 


Super User settings 

Super User admin ▼ © 

E-mail en_yusuf@yahoo.com 0 

Password . © 

Password (repeat) .| © 

Copyright ©2006 - 2014 Akeeba Ltd. All rights reserved. 

ANGIE is Free Software distributed under the GNU GPL version 3 or any later version published 


ji±a ji±a ^i\ JjSH JlaJ) ^ ^ U£ JjiaJ) 4 jLj bkk Super User Settings-^ A^xll iaU£ 

jAuillij j^Jaluij (Next) Jaa-Jaib u±i£jSil J-ualjj A a\*\\ (jaJUil # jjAaj <j*aLaJi J1^1 
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rr a 



;4JUJt SjaUil (Remove The installation directory) j^Sfl jjll JaxJaJU j»j£j 



; ^ La£ j£i jaJI JLui Qj% 1 "J ^i jaJI l_u£jj J2 j£j tiUij j jjji jaIJ 4_a.,jjJl ^jauij I jAta^Vl jjJI ^Js- laLudb 
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LL Jxiajl lj~v jLii Lj^jJ_ji£l3t Jtjj lTit » v\ Au»_iijJl 


il n g loo I I LjggJgKil JilgjJI 


TECHNOLOGY PIONEERS 


TECHNOLOGY 



V' VS'.>»1‘ fijaul' 




i'jj AjiiU 

j _y£j 'J 1 L y j ^i'. , aj <a. ^i~i 

^JUUJ JC- l j3- Ajflj'lil - XjJiaS - SjJOi.] - j ; )SSjA 

V*- I J Jjj : iljAA -jUX>) 



UL 

**- W/ 1 J JJ 

00967714490030:j>C 
00967714490030: j-SUE 
en_yusuf@yahoo.com: 

714490030: J»j- 

if.'. 1 17?ji 


ED 


■ 





SjLaa j>-a 


J-aljS ^ JS 


Designed: JoomShaper - .. > - © Copyright 

Valid XHTML and CSS 
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SEO 


SEARCH ENGINE OPTIMIZATION 
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SEO (ju aLtdl <—ilaJI 


rr \ 


SEO 9 <^mJI J 9 A *<v 

ji AjjLaall f Ijjjj <Luuaja1] Jjjjjaj Sbl jjjju Aaj jjl£JVl j2l jaJI jl AiLual <La-uujaI] AajLj^jojj Aaa^aj A^^Ij <jP SjLp Aaj jjl£JVl jSl jaJI 
# L$aJ) Jj-uflj]jj CASj^a ^jk 4 jlj1J$\ £2ja J£j yj£j £>a Lajjj uiVSfbj L^j^I^a AjLajj Aaj jjliWl j2l jaJI Sjj£Jj La jjP 

SjAAAJ A lj4% A^^ljJ ^A^A jl£ jij ^JJjlSi) g2 JA j£ (JJJ^J AjjJjJJ LaP 1*1%^ Cjldj^A (JJA,lVu*lj (Jji]| QA^L^lAij <JA (JAJ^LaJI <2lUA 

j .CaxJI ljI£j^a] Jjj.Lua £2 Ja 3| yj£j <j|j Uj2 jj ,ja Aao2j AajAj CjIjjaa UA .baaoH CjI£j^a £21jaJI Sjl.lua £j£j (jb 

CjI£j^a jjgJall AjjJji Aj £2 ja£ djjjj ljUI^jj CjI£j^a £a LaSLj jj£I ^JjjjSJVI j2ja]| Ja^J <jS l^J^Lk <ja j-iLal^J Aaa&j 

? (Search Engine) ja La 

liA ^,lVu *nj .^Lu^IaII ji ^,lVu ja1| AJsuaIjj (jjJLA ji SjLjP jl ^lla^A <jP JjjIjjj ^2 di%j Jaju ^j£j CajjajVI ^ SUI (Jp SjUp jA 

.LAJjAJ^l AJLua ^Ip LjL^Luaij CjIjUIa <JA dl^AJ <^1 DjJjSJl LOJJOjVI Adjdl ^Ip dtxJj Ljl£jA*A SjLui^U SjIp ^JaVI 


? Search Engine Optimization (SEO) 


jjJaaJlj AjjijSn AJ jjj£JV1 £2ja]| jjSJ j ^jjjjSJVI £2ijaII JaaSH (JAu^aII jA £Aa»uaII jaasull <j£Jj (di^Jj CjL&j^a ^uaj) L^aa^jj 

Sjjja]) JaI jxl\ AJauil jj laL^LuaII l_ujjj (jAutaal AajSaII diA UjpLuuj j # l^J ^jjj jaaa l_ujjj (JAassj CoaoII CjI£j^a (Jmj 1^.2 ^2 


Cjldj^A ^2 JAAA L-UJjJ ^Ip JjAaaJi IgAAuiaJJ 


di^aij CjI£ j^a j^uij 


.( Google - Yahoo - MSN - Bing - Ask) cASj^a j^u*\ 


A'Vil l dil£p^ J 45 O (^£ 

(hyperlinks) Aia^jjj JaIjj]) jUaIj J& jjkli t_u^l J& (Spider “crawls”) 

# Aajjj1£JV1 jSIjaJI CjULnij JP|j2 ^j ^ DJj^jAil 

# Sjj 2 j£ L^jjA^jj L^j A^uaLk CjUIaj » 1 P 1 j 2 ^2 ,j^aj-ual]jj ^jjIj jij A-uij^ij CASj^a ^j£j 


(JaJj) Aaaj^ \ a \\ CjUUj oJPlS ^2 AJaaJI j! A a \*\\) dJA qP diaaib diaaij (ilj^A <jP diaaij Aiiuiljj ^HxuSa jj A-a1£ ^.^VuaiaM caIL aIp 

.(CjSjil ^jaIj (jk 


.(AjjijVl L-UJjj) l_ujjj Aaajj)A jauij jj l^Jp daaa]| ^oll juUUl c-ujjoj CoaoII CjI£j^a ^,jAj 
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TTY 


dtxulj CjI£jx-a JuLlJIj UL a ! 

l I^Iaj uAxuA $A*J luxJI CjISjxu ju Jubuib ^augu 

.LujjjVI Adxui Au ijIjlaII Jj-ua jll Aioui ij]|j JjSn jA^xa 3 | ^A dixdl ljISjxa jjjxj 

jJjlII Aju c-JlxJj ^ ^jj V cuxbii ^Sf gjHHl jj^iall ^ AujJjVI AJ j l^J JbAua LL <j^lx]| jjjuJl yj£j dixdl CjI£jx»aj 

J*i ^jj giitf i 

.LjUM^VI t fljll ^*1 dux <ju j 2 jU 


(SEO) (j3 aajla j«qU%i 2LoLc 

£§ju]| A) j£i lg be. ^jj ji A-aIII ^ jSjuJl Jxxj La I Ls $& (SEO )-^ AuxULaJI CjLaISJI jjjju ^IxI] j juA3 AuxULaII ljLaISJI <jj,ju 

cLLuudujxU AxuuIL (JjULaj) a^j£a-a aJxuij ^a j ( Google's Keyword Tool ) aJxuijj AuIjlLmV) .Auc-jill jj Axuuijll ljIxAuxII f Ij^ui 

.AjjIx^I 

AuiLuxlj (j-djS AAjuI ^j| jlll jj Cjlxiuail <juda Jajjjjilj culxi^ll (jjjbsJl ^ <jj£j <ji Jdahj jS j-aII ljIxAus Sa£ ^ AuxUIa ljLaI£ Juju ^lASl 

.JSVI lAAxi jl I^umu ji Cjlxiuail jj^ia 

LjUjblljj CjlAjLuiuij jl Cj^LLaJIj (j-dj-uxlijj CjUUS! JMx &a jijuli Jj-ua^j A Aju ^ APtuu ju!3 AujAa f Luul <jl ,(jS^\ <jl AujAa fbuuj 

(j^XuaxlA jiju ^ A-ujjjiWl j-a]| Jlxu ^ AujAu Ju& ^jj <jU .IguC- cuxjj ^jj <^1 AuxULaII ljUaISJI <juAj ^ A-uxaxaI|j AujAuJI AibuauJl 

.AxSjjjilVI jJlj-iM J 

juli Jxlj Ju£j A-ujjl£JVl ^Ijull AJaIj ^C-LuxVI J-ualjUl LilxAua ^juLa DjdJj ^jxl ju j-a jSj-aIL ^j^alxJ! AAjLdu ^j£> Juxll 

.Auij Aux,jo]|j ^3.julj ^jlx cuLaILa jj ljUjAa (juda 

.(SEO) ^Ax j£ ^ ^j|A Laxjj g^^Uaj ^ ^ 


MOBILE: 00967 714490030 

MOBILE 2:00967 772755202 Email: info@techpio.net 


www.techpio.net 








rrr 


(SEO Basics) Luai Lai I 

Ajl&I J-aP 

<TITLE> ji ^ WumA UaIxj La£ (jjjUaJl J-aP <j-a SJjjAJIj (jjjUaJl J-aP SEO-^ ls^ (*Al CP 

chaull jcjUj ^ 1^-uajC- ^jj (jjjUaJj £)| Aitua^b .Ajvi^all { J^> Jj-aJ) £j^aij^Jb f Ij-uu .la. ^ic- diaall dja-a joau <jl jj*J| ii& 

fjjj^udj LaLaj Ja-uj-a <jlcJJ% <J^ ‘ .£J^aij-aJl j) gS % ij-aJl jl A^L^ll dboj^l ljI^j Jjjj-uaJl jjJ J-ajuj 4a£a (jjjbaJl jbikl <jli i.lgJ 

.CjSjil (joiij Aaiua jj djJbd (jjjUc- J-axj ^/in La£ # l^j (j^aLa. 4juL-a j£j ^jj£j <jSf AiluaVW c>a£P V <j) j 4 

: 

■ 


,,, Ja*— I - j;-' 1 ;■ 26 * i; 

▼ 26sep.net/news_details. php?lng=arabic&sid=84989 
^jA’ix _>Iu Jl ^ ajil-^Jt 4_yjjJl J Jt 4 - J -vi ^jUil Ja*U ^j.jjlII .L^aII -.1 -1. —j ^jjJt ^jjjl 

... Jack ^gij . Ja^ Jalkili ^C -JjJl ,JaJI 


(TITLE) J 


<head> 

<raeta :tttp-ec[uiv=" Content-Type" cantent="t ext/html; charset=utf-8" /> 
< t i t le>4_t_j j j i ^ m j-ii jj^ji e j j.i</title> 

</head> 


. J^ja. cbaaij dja-a ^ (^ jlaaJl J-astU ^j-aJl) CP JCjUj a jaaJl J& 


(Meta Description) 4^*1\ J-as- 



.lajjI] 4^. L-aj <LaliJI <head> 
: 


(Meta Description)-^ ^ 4iLaVb ^ j 4 ^j ^ (^jki]| ^aj^j) C^A\ ±1p 


About 92,900 results (0.25 seconds) 

Jaxll 

volobs.org/ ▼ Translate this page 

^ ^ Ja* 13 irkTSli ^AjII ifgijkzSI J^jlIS j^SI ^ J^jLU i^aj^l! 

i ji <a> d JOJJ J AdJ_^3lJ* lm A. \\ 


: V jk« (Meta Description) 4jiuaj cjUlu 5j>^a 
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■ 


<head> 


<neta http-equiv= rr Content-Type " content =IT text/html; 
<title>4_k _ 1 j _j ~ ^ _5^1 I j_*_ si lj j ^</title> 

chars et=ut f-3" / > 

<meta name= rr description" content= rr l-ini ±j> lJudj . . g_ijj^Jl 
</liead> 



diA) Jl« 4-4 Ip cituajl t V <jl La£ .Aluaj IgJ Cli4j Vj 4-a^iuaII ^jja-4 ^ S^ju CjUUj AjU£ tjKu <jl 1 nte Aaiuajil CjULnij AjU£ .lie- 

Aoiua j ljUUj J-aau ^j!j V <jl 1 nte La£ # AiHa-4 <jj£j V <jlj A^UL^l lj! a\^\\ AJ&jUxa Aoi.ua j] I CjULnij ^jj£j <j| . ( .... Jja 4^/a — .. 4^iuaii 

.4-aAuall (j jixu fc iuaj 4uiua j CjUIuj 4-aAua j£ IajIj ljL^-Lu^I jauaJ 




(URLs Cj U^al l jl j£>aJ| iajljj) <J%A (juu^au 

^ jla*4 jtfA? ^ J^xj f ljjjjSJI ^ LjIjj c>*J f UAj (URLs) 

Jul£j Juju ^jlj uL£ Aa^luiull ljLa]£J|j jjxMj 4uiuaCjULnij I^jjj JuISjJI <ju £jj Juju ^jlj j a.s^*i *<* <^1 LjUI&il (jjj jajjll Ualc- 

.(jSjuU Ob^) jt J%* b*-* 

Jajjjjil (jiaau ^lc> Jluuj A^ii^l ^ ji^uJ (jjjjsjj jl A\k*sijl\ CjUIuJIu Ja£3 ^ Vttjj cu^uil dj^u £ju juj ^jij ^uilj 4jL.lua jj& Jsjjj dUA 

: Dj>uai! ^ Jj^juJI Jajjjil Jju <jt£uVI j«33 IgJuP i.nVn ^jAj (b5 j]| 


<- X D volobs.org/index.php/component/content/article/9S-2013-04-i6-15-45-57/98-2013-04-i6-15-17-36 


£r 


.UL^i jjuj (j& SjluC- ^jj£j jS j 4 u 2 aJj^juJI jl ^j-uajJl Igu jajjjll <ju Sjjj^I I lu£ 

CjIu-L^ jj juA 3 Au^Uiull LjUliiij 4 uiuaijil CjULnij j -4 Luajlj <j ^aLaJl Aj^Luall j -4 J^I£j J-ajlj ^j^jj Aj&jJLua Jajjjj Uajj UAj 

.4 aj s^W Jajjjjjj JII 4 j 

^ ^ X [ Q volobs.org/index.php/ 2013 - 04 - 16 - 06 - 15 - 30 /S 90 - 0 /lS 5 -SftjLMi. -^ 6 ^- ^-yu^'- 4 kAji-jl^j- 4 ji^-^-'t 4 iij^ji'-Jij 5 i-^Jj-'jC 5 LjJI-Jiaall-^liJ-_j£jo ^] 

A^Auaij ^ jla-Aj diaaij (i)j^- 4 j glual^l j 4 ^j AjI VI <j 4 JL 4 £j*Ja jj *1 JsjIj AjI AiLua^L diaaij CjI£ja-a] iajjji d^&j Sjj^all la^^U La£ 

:Sjj^a]| La£ gjUlil (jAua Co^Jl ljI£j ^-4 j^Jaj Jajjjil La£ .Luajj 

( 0.91 :^i ^) ,400 

... ^ ^ < 4^L III J«UhlI j*jA 

~ volobs.org/.../I.. 

^ 'j>rt~i Ah.tii jliL] A^jLS jjP . /'l r.jLui! ^ ikj .^Pjhlil j^lU jjLni iij 

... jl£Jl j ljw l j .'ijanl lj, ^1] Ll .Ti'ill Sj£j ^ «^-.'-v *!' A^lk 

(jl P ^ jla-j jJa^l (jjlil J- 4 a-j (jljjxil cliaJj Jaujjil Uajj La£j AJ& diaaij ijP Ja^ diaail dj ^-4 ^ j^ia uL£ la^^U 

.(crawling) Cjl£ja^ 4 j ^aLaJj jAyia siAa <jj£j La£ .Jajjjil (j^ua CjUaISJI 

Jajjjjil t.nVn La£ .(iajjjil jAua j!j£j ^> 3 P) Cjla-Luall Jajjjj jj£^aj ^jaa-a ^uuj l^laj fL lui^I ^asu t.nVn JajjjjJl J^ 

.LjLa-Lua]j j£J jjS -4 (jjjlc« Uajj ^y* La£ cA^l^Ji juc-j ALjIaij 
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^jjaiWl jSjaJI Jib jLiuaallj JilUI Jjg a *n 

jfyi jijmi Jxaj cjbW^Mj cjiiioiij cjuimi dn^ <ja <mjmi jSjmti Aa-umia ^a jjaiwi jSjaIi j^b jimi 

.Cjb^iuallj (jjjUxJl (juj Jim I 4& j-uj Aitua^b Caaall j ^Adl^lS ^ill j ^iuaall 

l-ujjj JaP AiLua^b .lAifcj jL\ ^uu2 qa jAIaII ^ij-uu 4 j ^aLiJj ^uiij <jAda £jAL Aaa J£j ^Lu^Vlj J^jaI] pu mY\W Aa1a 3U ^jia 

Ia£ m3 L jiC' JLjaJ ^Jaia jLuu l^aaajaj Sjj-uallj Cal Ala. aII uo^ gS jaII ^jaaAl 



XML aL^j J*m 4-^jLd Ja£- 

£2ja] 1 AJajla. JaP ^aaj Aaladuaj £3 jaJ| <_$ jaaa cJLu&Luui AjIaC* Caaall CatSjAA ^Ic- XML <ja (jj£a ^allj £2 ja 1I AJaaj^ J^-uu 

# m 4-ualiJl jS ijaJJ SJajla. mUaPjj ^jjaSJVl <ilx £ja jdaj AJauijaj Aiala \jl\ dA £j ^jia CaajalVI jSl ja J^ajla (jC- j| IjjAj La) £ jail iAA <ja 

1$ be, tillSAj ^3 _ja AJajLk f Lda^fj ( Webmaster tools) ^ XML-^ uiLa <jAJa ja jaIL a .ualail AJajlaJI fL ajI AaIac- ^IajI axj 

. ( XML Sitemap Generator) J^» ^hjjSSWI £*1 jaII ^1 ^ 
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(XML) gy* Jll4 


This XML file does not appear to have any style information associated with it. The document tree is shown below. 


T<urlset xmlns =rr http : //www. sitemaps . oxg/schemas/sitemap/O . 9 TT > 


T<url> 


<loc>http : //www . techpio . net/php</loc> 

<pxioxity>0 . 5</pxioxity> 

<changefxeq>daily</changef xeq> 

</url> 

▼<UTl> 

<loc>http : //www. techpio . net/php/index.php</loc> 
<priority>0 . 5</priority> 

< chang e f r e q> da i 1 y< / chan g e f x e q> 

<Aixl> 

► <url>. . .</uxl> 

K- <uxl>. . .</uxl> 

►<url>. . .</url> 

. .</uxl> 

► <url> . . .<AixL> 

► <url>. . .<AixI> 

K- <url>. . . </url> 

►<url>. . .</url> 

►<url>. .. </uxl> 

► <uxl>. . .<AixL> 

► <url>. . .<AirI> 

►<url>. . .</url> 

▼<url> 

< 1 o c >http : / /www . t e chpio.net/php / de t_ne ws . php ?id=l 0< /1o c > 
<pxioxity>0 . 5</priority> 

< chang e f r e q> dai1 y< / chang e f r e q> 

</url> 

► <url>. . .</uxl> 

▼<uxl> 

<loc>http : //www . techpio . net/</loc> 

<prioxity>0 . 5</pxiority> 

<lastra.od>2 014-04-06T15 : 19 : 23+00 : 00</lastmod> 

< chang ef xeq>daily</char.gef req> 

</url> 

</uxlset> 




l£j ufll <ja -JjjJ SjjIaJI jSl ja!\ 


CjS. ijlt £a JlJjj SjbjJl AjIaP clul£ LaI£ Ale- ^LajAI jtla jjjSJVI ija]| dul£ La1£ 





LgJ <^1 jl AJ&LuaJI Cjl^Iia^AiL ^j+?la!| j CjIjUaJL 
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^aa j t^aAtajj £a*ual j-a]| 4 jLa£ ^ uil£l2t ^A£ 1^1*j 4j/aluaU) ^jiaauj ^IjaJVI d-a *^V 45AJJ^VI jS.ijadl ^1 jj-ualj^!l 4 jta£ 4^ 
qjAjjj 4)jaAVi.uia dU uaa^Jl j 4^ 4 jU£]| jl CjtAjjaUl J-aC* mi Vi ^aa La£ a t$jf IjS AJj^ui jj-uaij^l 4 jU£ 

.(^aaial j-a]|j j^jUI) 4$ jaa-a uflijxaa V CjISj^a <j! AiLuaVb £j-ul 1| jl 4j^I]| £umi 

43LuaVb g j-uaj-bl AalgJj 4alAa ^A^alail ufl jju ^ jja^Jlj ^j^aj^alU ^ 4 $c_ua jj JJaij La£ 

, 4 -aLuoSlj ^ 

4 ^jjjj£JV 1 45 S £-* 

Sjja^Jl ^&A 1 nte 4jLS 4 al&j ^j-uaj-ftU A-aC-IaSI A ja j AaaAI jlaaC-V) (ja^ 4^ Ilia Ual 2 ^jjaSJVI jSj-aU ^ja^a J-aC* AaC- 

4^ lli 4>aliJI jPjla j^aIS 4j^lj-a 4jaaa 4^ 4^ Sjja^Jl 4^ laAo^a j Uuaa UULaIaa A2j (alt) A^iuall j AJaa^-ua A^u/illj 

# 1^j ^Luall CjIaWa 4^ IgJxAj I^jaaja j jj^uail ^LaI 43 tuaVla ,(jj^J| i*ivjti) 

(heading tags) 6*jtkl! p\&Lu\ 


4^ALa£ ^lualxl] A-iaA^U jalu SjaaSJl (jajlaaJli jaJs) j-ll 4JIIA ^jaaa!| Aa-aA! P jl (jajlaaJl dAA AaaaVI uua <h6> 4^ <hl> cH (jajlaaJl |Aaa 

# ( 4 j^all ^a) A_iaA VI cauA Caauil A1 ja-a l^-A^iaj Caauil CaISja-aJ La^ 2 ja£l Ulal 


A^ill £aIjj 9 I (laLua))!^ £4 JaLsUI 


(robots.txt) ^L» ^IaIIa) 

4 jl£ 13) La 4 ^ Ca^ail CASj^a jala Aa i 4 ^ lILaII lAA 4ialaj ^aIj robots.txt-^^ <-A1 a fLuul CASj^a j-a ^bul 4 a^Vuaia^I 4 pLu 4 jJl 
4 jjaaaijJj aI^aII yjl 4 )! 42LuaVla robots.txt ^Vl lA^-i c aIaII ^ui) <jj£a 4 )! uaau La£ # A-uaxa djaj f Ij^j 4 jaaxl ua^ji) (jllaVb 

4 abtluiV) Ualaa (ililj jS j-a! jl ^aHulaU dAala jal jaaxa Lajjj Ca^lj ljI£j^a] Aaja V 45!) f Ij^VI 4>a3U 4^ AllaA 

CaljAla 4 abtluiV) j) bjAa uaHj 4J-AC* laalaa ,^jli Ijjj ljL^IuH jj aWaII 4>axl ci^jila c fllall j^ljV) 4jlxa fUa^jj robots.txt-^' lIIaj 
4^ cJajaj 4 -ualiJl ^PAil Cabvlua ^^uaa SAj^j-aJI CjjAlljVb MJUluuVI UHaj La£ . robots.txt generator (J-a (J^j^ 45^ 

. using robots.txt files 
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robots.txt 


l I^Iaj Luajj (jfej 1$ jte jl CjUi^all uflAjll wila <jaus l^JLua j IHLaj 0^*4 bA 


> JjS 


User-agent: * 


.^di jAb j J^j^ Jl* u±£U*Jl ^ ^ujoj j-ai ^ Sjbc- d^&l 


(Disallow :) * ^ 


D is allow: / a dm in/lo gin .p hp 


.admin J^b login.php cjl£^1 a) jjill 


(Allow : ) ?b j* 


Allow: 


.Ljlil&ilj CjhW a \\ qa *. Lf k' t*i% dl ljLSj^a] ^uwij d^pj jA L*£ Jj£Jl 4 jU£ 




Allow: /news 
Allow: /images 


.(images J4-« - news 


U£j 4 u *4 CjhW* Lf k« ua^jII ^IauJI 4 jU »1 Jll* d^f'j Jj£Jl 


(Sitemap:) 


Sitemap: http://www.techpio.net/sitemap.xml 


. (jAua t flbll (jILaIIj xml (j-* jA AiajLk t flbl l^J jLuijj jl da^jJl £A£jz*a1 Jlla Jj£Jl 
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SjliLjjVl UHaj U£ .Disallow *j$l\ ^ UJIpj ULu-^ robots.txt <5 

. (The Web Robots PagesW Jfcjk 6^ robots.txt ^1* >£) 

(rel="nofollow M ) 

dll£i clijjljVl (J&- Jajjjjli AjjJji J&u ljLSj^aj (j^aLUl uflAjil <jSf J CjI $jz*a1 AjjIjVI iajljjJl <jSf 

rel= M nofollow" J jtl.lVuJ diauil ljI£jcjUj ^ j^Jaj <j) U Jjjj V Ljl^Lua l 3 ^j!\ jl Ai-uijj 1*1^1 ljLSJjjj V JsjIjj 

. Jajjjj]) (j^aju AAuijj cio^all CjLSja-4 ^iaJ 


:JHa 


<a h re f = +1 http :ftwww.te c bp io .net/p mate .pbp n r el=" u o follow" >kusik ^ai«a<j , a> 


CJSj^a jcjUj jj \f\\Aj\ Vj 1^-uajC- Jjjj V CjLxL-oIl iajljjil ^a!\ Jj£ ULual Jj£Jl ^ La£ 



j3 (jjflskjil AjuUaj ^LuAl k«v A JjlsJ (jl Uolc- ljISj^a] AAjA^I jS) <j^ula LL ^aLUl ^jjjuSWI gS 

^ ^ijVI gjUIil ^ djj^ia ^uaVitij AjuUa] A^Ujj gjl <jlaju life j Cu^Jl £-a Alll^j 

Google Webmaster ) Jfcjk £P ^3 <J*J* ^1 Ajfilualj ALjjj ^ (j^iL <>uia jSj^I AiLial 

. (Tools 

.^SjaII Ai^J Jj*j fllall (Google Webmaster Tools) £^*11 AajIIa 

% Oj*&±*a1\ ^4 J-ufljjail ClsLxiua Al£jLuu AajlLalj ^e,t aVVI CS iIaL^j Jajj 
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Find the source of your visitors, what they're 

viewing, and benchmark changes 

Google Analytics 

Run experiments on your pages to see what 

.will work and what won't 

Google Website Optimizer 

If you don't want to go at it alone, these tips 

.should help you choose an SEO company 

Tips on Hiring an SEO 

Have questions or feedback on our guide? Let 

.us know 

Google Webmaster Help Forum 

Optimize how Google interacts with your 

.website 

Google Webmaster Tools 

Design, content, technical, and quality 

.guidelines from Google 

Google Webmaster Guidelines 
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dill ojcoj pj 


MOBILE: 00967 714490030 
MOBILE 2:00967 772755202 


Email: info@techpio.net 


www.techpio.net 






rtt 


( AjjIj Sjj-uj ) 


■Q i irk ^ iii OULlj 

jaJl C5^ LJLujJJ * ^ui^l 

^ A A A • £1jjLj 
jujUj : Aj^uu^I 
(j^aLjIj — AjJjsluJI 5ujj*J| A£1aa!| • Ja-g 

AJLai _ Aalaoll Ajjj^ a^J) ; A-ali^l 
: J^lqjJI OLqQ J 9q 
en_yusuf@yahoo.com: lAsj^' Au4' 

(. . ^VVVtVeoY . t) i_j| o-jI j + Jlj* j\ (..llVYUi<..r.) : JljaJI 

( ) A^ualsJl AJLjS — f btlua • Ajjiil 

www.techpio.net: cAsj^V' 

:01Lq^4oJIq (TV j 1 y'i II 

.(CjIa U* jj jj£j j uj j^ulaJl Aul£) f btlua AjlaIa — ljLajIxa 

) Aajjj 1£J1 |\j4o/a*i ^jLj 

: jj-fJlq OIjLqLqJI 

.AaJJjISJI Sjblj 40/8*1 UJJjJjJ djjjjj fLuuj 

# A-ljjjl£jj LjjJ*uU Djjjjj aOAo^J 
.UJJ^uIa AjLa^j AJlx^ 
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